Webエンジニア 新人日記

Webエンジニアになりました。元々はCOBOLやらBASICやらでプログラムしてました。C言語やVisualBasicは趣味でやっていましたが、久々に現場復帰ということです。資格はエンベデッドスペシャリスト、DBスペシャリスト、ネットワークスペシャリスト、セキュリティスペシャリスト、システムアーキテクト、プロジェクトマネージャ他を所有

特定の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">