jQuery的发现将选择所选的选项内格

Question

试图找出如何让一个选择选择的选项，其中没有ID或类作为选择使用，但包含特定专区内（那里有在页面上有多个选择，我只想要这个）。

不知道我是否应该做一些与发现，父母，兄弟姐妹，我所用的工作的其他... 例。

<div id="mydiv"> 

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

</div> 

Answer 1

您可以使用>符号来选择直接的孩子。 :selected返回选定的选项。

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

如果你希望所有选择的选项使用此：

jQuery('option:selected') 

要获得这些所选选项的select元素：

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

Answer 2

您可以按名称选择：

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

这里是人方式IST选择使用jQuery（这是赫然长）：http://api.jquery.com/category/selectors/

因为它是一个子元素，你也可以这样做：

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

这将启动与您的DIV有一个ID，然后获取孩子该元素是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"]')