试图弄清楚如何在没有 id 或 class 用作选择器但包含在特定 div 中的情况下获取 selects selected 选项(页面上有多个选择,我只想要这个)。
不确定我是否应该对 find、parent、sibling、other 做一些事情……我正在使用的示例。
<div id="mydiv">
<select name="myselect">
<option selected="selected" value="1">Hi</option>
</select>
</div>
试图弄清楚如何在没有 id 或 class 用作选择器但包含在特定 div 中的情况下获取 selects selected 选项(页面上有多个选择,我只想要这个)。
不确定我是否应该对 find、parent、sibling、other 做一些事情……我正在使用的示例。
<div id="mydiv">
<select name="myselect">
<option selected="selected" value="1">Hi</option>
</select>
</div>
您可以使用该>
符号来选择直接子代。:selected
返回选定的选项。
jQuery('#mydiv > select[name=myselect] > option:selected')
如果您想要所有选定的选项,请使用:
jQuery('option:selected')
要获取select
这些选定选项的元素:
jQuery('option:selected').parent();
您可以按名称选择:
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()
给你的文档:
.children()
:http ://api.jquery.com/children.find()
:http ://api.jquery.com/find.val()
:http ://api.jquery.com/val请注意,调用.val()
元素select
将返回value
selected 的option
。
您可以按名称选择它:
var sel = $('select[name=myselect]');
干杯
尝试做$('div#mydiv > select > option[selected="selected"]')