JQUERY:如何选择所选<option> </option>的下拉列表(select)元素

时间:2013-09-02 13:49:02

标签: jquery selector each

我有一个下拉列表,看起来像这样

<select>
   <option value='1' isgood='1' />
   <option value='1' isbad='1' />
</select>

让我们假设在页面上选择了选项1。

我选择了自定义属性为“isgood”的页面上的所有选项。这样我就可以获得选项的价值。但我需要访问“选择”对象。

$('select id='myid' name='myname' option[isgood]:selected').each(function (d, elem) {
}

我该怎么做?

我尝试过使用.parent和.parents,但它们不返回select元素,而是返回som HTML元素。

简而言之:

我需要选择整个页面上的所有选项:
1.在下拉列表中选择
2.具有自定义属性“isgood”
3.循环选项,得到值
4.获取“选择”对象的id /名称

希望你能帮忙

/博

1 个答案:

答案 0 :(得分:0)

你有一个假的选择器。你的代码:

$('select id='myid' name='myname' option[isgood]:selected')

会查找具有类型为id的子级的子选项,这些子级具有类型的子级等等...

为什么不选择这些选项和他们的父母:

$('option[isgood]').filter(':selected').each(function() {
    var option = $(this),
        select = option.parent(),
        id = select.attr('id');

    console.log(id);
});