html - 在选择标记的值上禁用 html 按钮

Question

我有一个包含 4 个选项和一个按钮的选择标签。我希望如果未从选择标签中选择任何选项，则应禁用该按钮。

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

使用 javascript onChange 函数禁用按钮

<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");
    });
});