Question

我有一个包含4个选项和一个按钮的select标签。我想如果没有从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

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

禁用select标签值的html按钮

2 个答案: