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/

$(document).ready(function(){

$("#license").change(関数(){

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

});

Answer 4

どうぞ：

$(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/

Answer 5

ここにコードがあります

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