javascript - 使用javascript查找具有选定属性的选择选项

Question

我有一个 View ，可以在单击某些按钮时将 select 元素动态加载到页面中。这些 select 中的每一个都具有相同的 id 值，后跟一个基于按钮被点击次数的索引值。所以 id 就像

id="my_id_" + numOfClicks;

我还为所有这些选择器赋予了相同的类值

class="selects"

当任何下拉菜单中的所选选项发生变化时，最好的事件处理程序是什么。现在我有以下内容:

$('.selects').change(function() {
    if($('this option:selected').val() == 0) {

    }
    else {

    }
});

所以我要做的是首先使用“this”获得正确的选择元素，然后找出选择了哪些选项。有没有更好/更有效的方法来做到这一点？

Answer 1

正如您所说，这些是在运行时添加的，您需要一个委托(delegate)的事件处理程序。在处理程序中，正如评论所指出的那样，它只是 $(this).val() 获取该 select 框的选定值。所以:

$("selector for some container they're in").on("change", ".selects", function() {
    if($(this).val() == 0) {

    }
    else {

    }
});

例如，如果它们都在具有 container 类的元素中，则:

$(".container").on("change", ".selects", function() {
    if($(this).val() == 0) {

    }
    else {

    }
});

如果没有其他合适的容器，您可以只使用 $(document).on(...，但通常最好将事情处理得离它们所在的地方更近一些。

---

旁注:值始终是字符串，但 == 会强制转换，因此 "0"== 0 为真。尽管如此，记住它们是字符串还是很有用的。