jquery - 使用 jQuery 选择事件

Question

我想在选择某个值时禁用文本框。

例子

<select name="license" id="license">

<option value="1">Free</option>
<option value="2">Commercial</option>

</select>

选择免费时，我希望文本框ID价格要禁用。

<input type="text" class="input" id="price" name="price" value=""/>

我如何使用 jQuery 来做到这一点。提前致谢。

Answer 1

$(function(){
  $("#license").change(function(){
     $("#price").prop("disabled",$(this).val() === "1");
  });
});

http://jsfiddle.net/j8sZf/

Answer 2

您可以将change事件与选项绑定并用于val()获取选定的值以对其进行条件处理。

现场演示

$('#license').change(function () {
    if ($(this).val() == "2") 
         $('#price').prop('disabled', true);
    else 
         $('#price').prop('disabled', false);
});

Answer 3

我为你做了一个jsfiddle。

http://jsfiddle.net/DMMFv/

$(文档).ready(函数(){

$("#license").change(function(){

if($(this).val()=="1"){
    $(".input").attr("disabled","disabled");
} else {
    $(".input").removeAttr('disabled');
}
 });

});

Answer 4

这是代码

$(function(){
 $("#license").change(function(){
   if(parseInt($(this).val()) === 1){
        $("#price")attr("enabled");}
    else
    { 
    $("#price").removeAttr("enabled");
}
  })
})

Answer 5

干得好：

$(function(){

  //Catch when dropdown menu item was changed
  $('#license').on('change',function(){

  //Get selected item
  var selectedItem = $('#license').find(':selected').text();

  //Check what was selected
  if(selectedItem == "Free")
  {
    $('#price').attr('disabled',true);    
  } 
  else
    {
      $('#price').removeAttr('disabled');
    }

   });

  //Trigger change event so the check happens on page load as well as when list item is changed
  $('#license').change();

});

完成工作的 JSBin：http: //jsbin.com/uwevir/1/