jQueryでプルダウンの値の取得と選択の方法【現役エンジニアが解説】

今回は、jQueryでプルダウンの値の取得と選択の方法について、簡単に解説していきます。

HTML

jQueryではプルダウンの操作も容易です。

今回のHTMLのサンプルコードを以下に示します。

<select id="fruit">
    <option value="apple">りんご</option>
    <option value="grape">ぶどう</option>
    <option value="orange">みかん</option>
</select>
<input type="button" id="btnGet" value="取得">
<input type="button" id="btnSelectGrape" value="ぶどうを選択">

上記のコードでは、プルダウンの選択肢を3つとし、選択された値の取得ボタンとぶどうを選択するボタンを配置しています。

プルダウンの値の取得

プルダウンの値の取得はとても簡単です。