JQUERY：如何选择所选<option> </option>的下拉列表（select）元素

Question

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

<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 /名称

希望你能帮忙

/博

Answer 1

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

$('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);
});