下記のようにラジオボタンの選択によってセレクトメニューのoptionを表示・非表示しましたが、
formでselectで時間が選択されているんですが、submitボタンを押しても、確認画面へ遷移しません。
未入力扱いなんでしょうか?
selectをrequiredにしていますが、未入力として扱ってくれません。
またラジオボタンを選択してない間は、selectをdisabledに実装したいです。
<form role="form" method="post" action="conf.php" data-toggle="validator"> <input type="radio" name="sample" id="radio01" onclick="entryChange1();" value="エー"/><label for="radio01">エー</label> <input type="radio" name="sample" id="radio02" onclick="entryChange1();" value="ビー" /><label for="radio02">ビー</label> <select name="セレクトサンプル" id="seminar-time" required> <option value="" selected="selected">お選び下さい</option> <option value="11:00~12:00">11:00~12:00</option> <option value="14:00~15:00">14:00~15:00</option> <option value="20:00~21:00" id="none-radio02">20:00~21:00</option> </select> <button type="submit" class="submit-btn"><span>入力確認画面へ</span></button> </form>
var original = document.getElementById('seminar-time').cloneNode(true); function entryChange1(){ radio = document.getElementsByName('sample') var clone = original.cloneNode(true); if (radio[1].checked) { var target = clone.querySelector('#none-radio02'); target.parentNode.removeChild(target); } var select = document.getElementById('seminar-time'); select.parentNode.replaceChild(clone, select); } window.onload = entryChange1;
回答2件
あなたの回答
tips
プレビュー