基于select选项的Jquery启用/禁用按钮

Question

是否可以根据表单中没有的选择（下拉）选项启用或禁用表单中的按钮？我没有任何代码，我会根据你对我的问题的答案得到（或不是）：D

Answer 1

快速演示：http://jsfiddle.net/mblase75/vZacx/

$('#picker').on('change', function() {
    $('#' + $(this).val()).prop('disabled', false)
        .siblings().prop('disabled', true);
});​

Answer 2

在下拉列表的更改事件中，只需将代码禁用/启用按钮即可。

Answer 3

这样的事情可能是：

​$("select")​.on('change', function() {
    $('button').prop('disabled', this.value==='EnabledOptionValue'?false:true);
})​;

FIDDLE

Answer 4

$('#Select').change(function(){
    //Some condition
    $('#Button').attr('disabled','disabled');
});

Answer 5

$('select').change(function(){
  var theVal = $(this).val();
  switch(theVal){
    case '0':
      $('#theButton').prop('disabled', true);
      break;
    case '1':
      $('#theButton').prop('disabled', false);
      break;
  }
});

Working jsFiddle

Answer 6

<script type="text/javascript">
$(document).ready(function() {
$("#demo_button").button({icons: {secondary: "ui-icon-info"}});
$("#demoSelect").addClass("ui-state-default ui-corner-all");
var demoSelectValue = $("#demoSelect").val();
if (demoSelectValue == "0") {
$("#demo_button").button("disable")
}
$("#demoSelect").change(function(){
if($(this).val() == "0"){
$("#demo_button").button("disable")
}
else {
$("#demo_button").button("enable")
}
});
});
</script>

<强> HTML：

<select name="demoSelect" id="demoSelect">
<option value="0">No</option>
<option value="1">Yes</option>
</select>
<button id="demo_button" style="float:right;">button</button>

请参阅jsFiddle