セレクトボックスの要素にJSで「disabled」を付与する
セレクトボックスのプルダウンメニューで、一番最初の要素に「disabled」を設定したい。
ECサイトのため、ソースが自動で書き出されるため、手動でつけることができません。
JSかJqueryで付与できればと思いました。
良い方法がありましたら、教えていただけますでしょうか。
どうかよろしくお願いいたします。
0 likes
2Answer
「ECサイト」と一口に言ってもサービスが色々ありますが…
基本的には、「自分でECサイト風なモノを作る」や
「ECサイト開設時のカスタマイズ要望を伝える」ではなく、
「サービス利用者がソースコードを弄る」ことは出来ないと思います。
0Like
いくつか書き方はありますので、以下は例です。
目的のセレクトボックスが決まっていてidがある場合（id=hoge）
// Vanilla JS
document.getElementById('hoge').firstElementChild.disabled = true;
// jQuery
$('#hoge > :first-child').prop('disabled', true);
全てのセレクトボックスに適用する場合
// Vanilla JS
document.querySelectorAll('option:first-child').forEach(opt => { opt.disabled = true });
// jQuery
$('option:first-child').prop('disabled', true);
0Like