html - 選択タグの値のhtmlボタンを無効にする

Question

4つのオプションと1つのボタンを含む選択タグがあります。selectタグからオプションが選択されていない場合は、ボタンを無効にする必要があります。

Answer 1

そのためには、いくつかの Jquery を使用する必要があります。コードに従ってください。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>
$(function(){
$('#myDrpDown').change(function(){
if($(this).val() == "")
{
   $('#btn').attr('disabled','disabled');
}
else
$('#btn').removeAttr('disabled');
});

});
</script>
<select id="myDrpDown">
<option value = "">Select One option</option>
<option value = "1">Option1</option>
<option value = "2">Option2</option>
<option value = "3">Option3</option>
</select>
<input type="submit" id="btn" disabled="disabled">

Answer 2

javascriptonChange関数を使用してボタンを無効にします

<select id="select">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
</select>
<input type="button" id="button" value="Button" />

Javascript：

$(document).ready(function(){
    $('#select').change(function(){
        $('#button').attr("disabled", "disabled");
    });
});