页面刷新后保存Checked DropDownBoxes的值

时间:2015-05-22 19:50:18

标签: jquery drop-down-menu javascript-events html-select

我从http://wenzhixin.net.cn/p/multiple-select/docs/#examples找到了一个非常好的Jquery插件。这会将选择下拉框转换为选中的下拉框。我使用代码创建了七个已检查的下拉框。在页面重新加载后,我无法保存所有七个下拉列表的选择。

以下代码会创建一个警报,通过逗号下拉选项拆分每个选择。 例如。 D1,D2,D3是选定的值。

alert('Selected values: ' + $('select').multipleSelect('getSelects'));

我希望能够使用此代码并将值保存到页面刷新后可以使用的对象。我遇到的复杂问题是代码行仅引用最新创建的下拉列表。有没有我可以命名我的下拉菜单,以便我可以引用所选的值?

我正在使用Jquery插件的这个特定示例。

<head>
    <link href="multiple-select.css" rel="stylesheet"/>
</head>
<body>
    <select multiple="multiple">
        <option value="1">January</option>
        ...
        <option value="12">December</option>
    </select>
    <script src="jquery.multiple.select.js"></script>
    <script>
        $("select").multipleSelect({
            placeholder: "Here is the placeholder"
        });
    </script>
</body>

1 个答案:

答案 0 :(得分:0)

嗯,为你创建的每个元素提供一个XML ID:

<select multiple="multiple" id="xxx">
    <option value="1">January</option>
    ...
    <option value="12">December</option>
</select>

,并使用$("#xxx")查找,而不是$('select')