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('#mydiv > select[name=myselect] > option:selected')

如果您想要所有选定的选项，请使用：

jQuery('option:selected')

获取所选选项的select元素：

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

Answer 2

您可以按名称选择：

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

以下列出了使用jQuery进行选择的方法（它非常长）：http://api.jquery.com/category/selectors/

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

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

这从具有ID的DIV开始，然后获取该元素的子元素，这些元素是name属性设置为myselect的select元素。

如果您的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

请注意，在.val()元素中调用select将返回所选value的{​​{1}}。

Answer 3

您可以按名称选择它：

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

干杯

Answer 4

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