javascript - 如何找到 jQuery DropDownCheckList 选中的项目 - jQuery 语法问题

Question

我正在开发一个 ASP.Net 网页，它将使用 jQuery Dropdown Checklist ( http://code.google.com/p/dropdown-check-list/ )。我对 JavaScript 相当缺乏经验，对 jQuery 完全陌生。

我想做的是在每次选中/取消选中复选框时收集所选项目的值。

这是我目前所拥有的:

var values = "";
$("#s1").change(function () {
     $("#s1").dropdownchecklist(function(selector) {
          for (i = 0; i < selector.options.length; i++) {
               if (selector.options[i].selected && (selector.options[i].value != "")) {
                    if (values != "") values += ",";
                    values += selector.options[i].value;
               }
          }
     });
});

我认为问题出在第 3 行，但我不确定到底哪里出了问题。

如果有人能指出正确的方向，我将不胜感激。提前致谢。

响应 zod...谢谢，这正是我所需要的。但是，我仍然有某种语法错误。这是我的代码:

var values = "";
$("#s1").change(function () {
     $("#s1 option:selected").each(function () {
          if (values != "") values += ",";
          values += $(this).value();
     });
     alert(values);
});

当我运行它时，jQuery Dropdown Checklist 看起来像一个常规列表，所以我肯定还是有问题。

这有点离题，但是有什么工具可以让使用 JavaScript 和 jQuery 变得更容易吗？我一直被 Visual Studio 的工作和使用它的调试器和智能感知所宠坏。 JavaScript 和 jQuery 有类似的东西吗？

对安德的回应......哇。我喜欢你的解决方案。是的，我倾向于把事情复杂化。我不确定在尝试 zod 的解决方案时我做错了什么，它可能也有效，但我想我会选择更简单的解决方案。

谢谢你的帮助。

Answer 1

您不需要像现在这样花哨。在您的 .change() 事件中，只需访问 select 的 .val() 即可获取选中项的值。像这样:

$(function() {
    $("#s1").dropdownchecklist();

    $('#s1').change(function() {
        alert($(this).val());
    });
});

在此处查看现场演示:http://jsfiddle.net/Ender/ZsMc4/