jquery findはdiv内で選択されたオプションを選択します

Question

セレクタとして使用するIDやクラスはありませんが、特定のdiv内に含まれている場合は選択オプションを選択する方法を理解しようとしていますこれが欲しい）。

find、parent、sibling、otherと何かを行うべきかどうかわからない... 私が働いているものの例。

<div id="mydiv"> 

<select name="myselect"> 
<option selected="selected" value="1">Hi</option> 
</select> 

</div> 

Answer 1

>シンボルを使用して、直接的な子供を選択することができます。 :selectedは選択したオプションを返します。

jQuery('option:selected').parent(); 

Answer 2

名前で選択することができます：

var val = $('select[name="myselect"]').val(); 

jQuery('option:selected') 

これらの選択されたオプションのselect要素を取得するには：あなたがしたい場合

jQuery('#mydiv > select[name=myselect] > option:selected') 

選択されたすべてのオプションがこれを使用します

ここにあります

var val = $('#mydiv').children('select[name="myselect"]').val(); 

これは子供を取得し、その後、IDを持っているあなたのDIVで始まる：それはあなたもこれを行うことができ、子要素なのでhttp://api.jquery.com/category/selectors/

：jQueryのを（それは上空長いです）を使用して選択する方法のISTその要素のうちname属性がmyselectに設定された選択要素です。あなたのselect要素が直接の子孫ではなかった場合は

その後、あなたの代わりに.find()を使用することもできます。

var val = $('#mydiv').find('select[name="myselect"]').val() 

ドキュメントを屋のために：

• .children()：http://api.jquery.com/children
• .find()：http://api.jquery.com/find
• .val() ：http://api.jquery.com/val

select要素で.val()を呼び出すと、選択optionのvalueを返すことに注意してください。

Answer 3

あなたは名前でそれを選択することができます：やってみ

var sel = $('select[name=myselect]'); 

乾杯

Answer 4

$('div#mydiv > select > option[selected="selected"]')