過去バージョン

jQueryを使用してセレクトボックスにオプションを追加する方法

jQueryを使用して、セレクトボックスにオプションを追加する方法は以下の通りです。

Step 1: セレクトボックスの選択

まず、追加したいセレクトボックスを選択します。例えば、idが"my-select-box"のセレクトボックスを選択するには、以下のようにします。

Step 2: オプションの作成と追加

次に、オプションを作成し、選択したセレクトボックスに追加します。

var newOption = $('

'); newOption.val('value1'); newOption.text('Option 1'); selectBox.append(newOption);

$('

')は、新しい要素を作成します。val()関数は、オプションの値を設定し、text()関数は、オプションの表示名を設定します。最後に、append()関数を使用して、作成したオプションをセレクトボックスに追加します。 完了したコードは以下のようになります。

var selectBox = $('#my-select-box'); var newOption = $('

'); newOption.val('value1'); newOption.text('Option 1'); selectBox.append(newOption);

これを繰り返すことで、セレクトボックスに複数のオプションを追加できます。