3

试图弄清楚如何在没有 id 或 class 用作选择器但包含在特定 div 中的情况下获取 selects selected 选项(页面上有多个选择,我只想要这个)。

不确定我是否应该对 find、parent、sibling、other 做一些事情……我正在使用的示例。

<div id="mydiv">

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

</div>
4

4 回答 4

2

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

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

如果您想要所有选定的选项,请使用:

jQuery('option:selected')

要获取select这些选定选项的元素:

jQuery('option:selected').parent();
于 2012-04-19T22:45:32.150 回答
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元素不是直接后代,那么您可以.find()改用:

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

给你的文档:

请注意,调用.val()元素select将返回valueselected 的option

于 2012-04-19T22:45:43.887 回答
0

您可以按名称选择它:

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

干杯

于 2012-04-19T22:45:54.007 回答
0

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

于 2012-04-19T22:49:27.767 回答