jQueryのドロップダウンリストからオプションを選択します

この翻訳：jQueryのドロップダウンを選択したオプションから取得します

私は通常、使用$("#id").val()オプションで選択した値に戻すために、しかし、この時間IT作業。しません 。通常は、私が使用して$("#id").val()選択されたオプションの戻り値を、これは動作しません。 選択されたタグは、ID有するaioConceptName ために選択されたタグIDのをaioConceptName

html code HTML代码

<label>Name</label>
<input type="text" name="name" />
<select id="aioConceptName">
    <option>choose io</option>
    <option>roma</option>
    <option>totti</option>
</select>

＃1階

参考：https://stackoom.com/question/iiuv/jQuery GETドロップダウンリストから選択したオプション

ハウス＃2

ドロップダウンオプションについては、おそらくのようなもの欲しい、これを： ドロップダウンオプションについては、あなたがこのような何かをしたいかもしれません。

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

理由val()でジャストIT ADDS -オプションをクリックすると、ドロップダウンの値に変更でいないため、トリックでは行いませんが、ANをIS :selectedAされた、選択したオプションのプロパティ子。にあるドロップダウンのうち val()、問題の原因が解決されていない、クリックプルダウンメニューの値を変更しないオプションは、それだけ:selectedのプルダウンメニューとしてプロパティに追加の子ども選択したオプションの。

ハウス＃3

私はこの質問に出くわしと開発エリオットボンネビルの答えのより簡潔なバージョンを： 私はこの問題に出くわした、より簡潔なエリオットボンネビルの答えを開発しました：

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

または一般的に： または一般的には：

$('#id :pseudoclass')

これは、あなたに余分なjQueryのコールを保存し、ワンショットで選択すべてのものを、と（私の意見）より明らかである。 （私は思う）これはあなたの追加jQueryの呼び出し保存し、すべての内容を選択するために、一度、だけでなく、より明確に。

＃4階

値のためにこれを試してみてください... お金のためにこの良い値を試してみてください...

$("select#id_of_select_element option").filter(":selected").val();

あるいは、このテキスト...のため またはテキスト...

$("select#id_of_select_element option").filter(":selected").text();

ハウス＃5

<select id="form-s" multiple="multiple">
    <option selected>city1</option>
    <option selected value="c2">city2</option>
    <option value="c3">city3</option>
</select>   
<select id="aioConceptName">
    <option value="s1" selected >choose io</option>
    <option value="s2">roma </option>
    <option value="s3">totti</option>
</select>
<select id="test">
    <option value="s4">paloma</option>
    <option value="s5" selected >foo</option>
    <option value="s6">bar</option>
</select>
<script>
$('select').change(function() {
    var a=$(':selected').text(); // "city1city2choose iofoo"
    var b=$(':selected').val();  // "city1" - selects just first query !
    //but..
    var c=$(':selected').map(function(){ // ["city1","city2","choose io","foo"]
        return $(this).text();
    }); 
    var d=$(':selected').map(function(){ // ["city1","c2","s1","s5"]
        return $(this).val();
    });
    console.log(a,b,c,d);
});
</script>

ハウス＃6

あなたは、昔ながらのJavaScriptを使用して考えられていますか？ あなたは、昔ながらのJavaScriptを使用して考えられていますか？

var box = document.getElementById('aioConceptName');

conceptName = box.options[box.selectedIndex].text;

w36680130

オリジナルの記事は、0公表・ウォン称賛73 ・ビュー550 000 +を

プライベートの手紙の懸念