0
Help us understand the problem. What are the problem?

posted at

updated at

セレクトボックスの一部の項目を選択できなくする

見出し1

JavaScriptでセレクトボックスの一部を動的に選択できなくする方法を記載します。

コード

<select name="selectbox" id="selectbox">
<option value="item1" data-val="0">アイテム1</option>
<option value="item2" data-val="1">アイテム2</option>
<option value="item3" data-val="1">アイテム3</option>
</select>
let items = Array.from(document.querySelectorAll('#selectbox option[data-val="1"]'));
items.forEach(option => option.disabled = true);

これでセレクトボックスのdata-valが1の項目が選択できなくなります。

Register as a new user and use Qiita more conveniently

  1. You can follow users and tags
  2. you can stock useful information
  3. You can make editorial suggestions for articles
What you can do with signing up
0
Help us understand the problem. What are the problem?