页面刷新后保存 Checked DropDownBoxes 的值答案

【问题标题】：Save the value of Checked DropDownBoxes after Page Refresh页面刷新后保存 Checked DropDownBoxes 的值
【发布时间】：2015-05-22 19:50:17
【问题描述】：

我从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>

【问题讨论】：

标签： jquery drop-down-menu html-select jquery-events

【解决方案1】：

嗯，给你创建的每个元素一个 XML ID：

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

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

【讨论】：