特定のselectの値の時だけinputを有効にする
jQueryでは、selectのchangeイベントにて値を監視する。
値が特定のときだけ、disabled属性を除去する。
それ以外の時はdisabled属性を追加。念のため、値も削除する。
$(document).ready(function() { $('#class').change(function() { if($(this).val() == 'A'){ $('#mana').removeAttr("disabled"); } else { $('#mana').val(''); $('#mana').attr("disabled","disabled"); } }); });
<select id="class"> <option value="なし" selected>なし</option> <option value="A">A</option> <option value="B">B</option> </select> <input type="text" name="mana" id="mana" placeholder="番号" disabled="disabled">