如何找到 jQuery DropDownCheckList 选定的项目 - jQuery 语法问题答案

【问题标题】：How to find jQuery DropDownCheckList selected items - jQuery Syntax Problem如何找到 jQuery DropDownCheckList 选定的项目 - jQuery 语法问题
【发布时间】：2010-11-09 17:46:05
【问题描述】：

我正在开发一个将使用 jQuery Dropdown Checklist (http://code.google.com/p/dropdown-check-list/) 的 ASP.Net 网页。我对 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 的解决方案时做错了什么，它可能也有效，但我想我会选择更简单的解决方案。

感谢您的帮助。

【问题讨论】：

别担心，我花了大约 15 分钟研究一个更复杂的解决方案，然后才意识到它是多么容易:)

标签： javascript jquery syntax

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

你试过 .change()

检查一下

http://api.jquery.com/change/

http://www.texotela.co.uk/code/jquery/select/

【讨论】：

谢谢，这看起来几乎正是我所需要的，但我认为我仍然有某种语法错误。我认为这些 cmets 中没有正确显示代码，因此我将编辑我的问题。