0

如何将下拉复选框列表动态绑定到页面中的值？我正在使用来自： http ://wenzhixin.net.cn/p/multiple-select/#acknowledgements 的 jquery 多选插件

我的 jquery 版本是 1.7.2

我无法让 jsfiddle 使用该插件。我遇到了一个奇怪的问题，即脚本 src stmt 不能位于布局页面（MVC）的头部。所以我把它放在布局页面的底部，如下所示：

</body>
<script src="~/Scripts/jquery.multiple.select.js"></script>
</html>

在视图中：选择列表：

<select id="labTestFilter" name="labTestFilter" multiple="multiple" style="width: 200px;">
    @*the values of the select list will be populated by the javascript function*@
</select>

但是对于使用 jquery 的任何列表类型，它仍然应该是相同的。

这是jsfiddle：http: //jsfiddle.net/vnVTx/4/

<script type="text/javascript">
    $(function bindLabTestFilter() {
        // get the list of unique test names on the page and bind it to the select list control
        var a = $(".labtestname").map(function () { return this.innerHTML; }).get();
        a = jQuery.unique(a);
});
</script>
4

1 回答 1

0

解决了我的问题：

选择列表：

<select id="labTestFilter" name="labTestFilter" multiple="multiple" style="width: 200px;">
    @*the values of the select list will be populated by the javascript function*@
</select>

查询：

<script type="text/javascript">
    $(function bindLabTestFilter() {
        // get the list of unique test names on the page and bind it to the select list control
        var a = $(".labtestname").map(function () { return this.innerHTML; }).get();
        a = jQuery.unique(a);
        for (var i = 0; i < a.length; i++) {
            $("#labTestFilter").append("<option value=\"" + a[i] + "\">" + a[i] + "</option>");
        }
        //converts the select list into a drop down checklist using jquery.multiple.select plugin
        $('#labTestFilter').multipleSelect();
    });

    $(".ms-drop").click(function () {
        $(function showSelectedValues() {
            alert($(".ms-drop input[type=checkbox]:checked").map(
               function () { return this.value; }).get().join(","));
        });
    });

</script>
于 2013-11-05T20:24:41.220 回答