Question

我是JQuery的新手，我注意到这一行$('#DivID [type=checkbox]')，我想知道我是否也可以使用相同的方法找到select或option标签。

更新：我有一个包含更多标记的div，我正在尝试获取DropDownList / Select它的值刚刚更改。

Update2 我正在使用InstaFilta一个JQuery插件，它根据附加到我的内容标签的自定义属性过滤内容。下面是使用CheckBoxes时执行相同操作的函数的片段，我正在尝试编辑它以使用DropDownLists / Select控件。

var $ex10Checkboxes = $('#ex10 [type=checkbox]');

$ex10Checkboxes.on('change', function() {

    var checkedCategories = [];

    $ex10Checkboxes.each(function() {
        if ($(this).prop('checked')) {
            checkedCategories.push($(this).val());
        }
    });

    ex10.filterCategory(checkedCategories, true);
});

Answer 1

你会发现选项标签如下：

$("#DivID option")

同样选择标签：

$("#DivID select")

然后，您可以迭代返回的对象以检查各个元素：

var foo = $("#DivID option");
var i;
for (i = 0; i < foo.length; i += 1) {
    console.log(foo[i].val()); //or whatever
}

要查找所选元素，您可以check out this question：

$("#DivID option:selected")

我建议查看选择器JQuery Selectors

上的JQuery页面

如何选择触发更改事件的DropDownList / Select

1 个答案: