如何在多个选择菜单中动态选择多个选项?

时间:2018-03-27 14:09:20

标签: javascript jquery html

我有一个搜索表单。搜索是针对文档列表运行的 - 文档的名称将填充到多选菜单中。用户选择适当的文档,然后对其进行搜索。

提交表单时,他们运行搜索的文档列表将作为以空格分隔的选项值字符串存储在localStorage中,这些选项值是从提交表单时选择的元素值中提取的。

如果用户希望使用所选的完全相同的文档执行另一次搜索,理想情况下他们应该选中复选框,附加的事件监听器调用localStorage来检索上次搜索的值。

将存储的值与新的多选菜单选项值进行比较,如果选择菜单中的任何选项值与存储的值匹配,则应选择它们。

但它似乎并没有像我希望的那样工作。根据jQuery 1.6更新,它可能与属性与属性有关,但即使我使用:

element.prop('selected', 'selected');

element.removeProp('selected');

...选择菜单没有相应更新。我已经为此工作了好几天,非常感谢任何帮助。

2 个答案:

答案 0 :(得分:1)

你可以使用.prop('selected',true).attr('selected',true) 我在这里为您创建了一个示例:http://tpcg.io/pPA2nF

之后只需更改为false即可。

答案 1 :(得分:0)

您可以将值数组传递给jQuery:

jQuery("#select").val([12,31,42]);