☰

jQuery ドロップダウンから選択されたオプションを取得する 質問する

tag-icon • tag-icon javascript html jquery drop-down-menu
jQuery ドロップダウンから選択されたオプションを取得する 質問する

通常は$("#id").val()選択されたオプションの値を返すために使用しますが、今回は機能しません。選択されたタグにはIDがありますaioConceptName

HTMLコード

<label for="name">Name</label>
<input type="text" name="name" id="name" />

<label for="aioConceptName">AIO Concept Name</label>
<select id="aioConceptName">
    <option>choose io</option>
    <option>roma</option>
    <option>totti</option>
</select>

ベストアンサー1

ドロップダウン オプションの場合は、おそらく次のようになります。

選択したテキスト

var conceptName = $('#aioConceptName').find(":selected").text();

選択した値

var conceptName = $('#aioConceptName').find(":selected").val();

val()うまくいかない理由は、オプションをクリックしてもドロップダウンの値が変更されず、ドロップダウンの子:selectedである選択されたオプションにプロパティが追加されるだけだからです。

おすすめ記事