我有一个JSP
页面,其中包含一个HTML
<select>
,其中填充了从数据库加载的所有国家/地区。例如,在“创建用户”上,在选择菜单中加载了所有国家/地区值,我选择了5个国家/地区。这5个值被加载到该特定用户的数据库中。
现在,当我再次单击该用户ID的“修改用户”时,会出现一个选择菜单,所有国家/地区都将加载到选择菜单中,但应突出显示/选择这5个国家/地区。
如何使用javascript
完成此操作?
答案 0 :(得分:2)
我不确定我是否正确理解了这个问题,但这里有一个多选列表:
<select multiple="multiple">
<option value ="UK">UK</option>
<option value ="France" selected="selected">France</option>
<option value ="Germany">Germany</option>
<option value ="Italy" selected="selected">Italy</option>
</select>
据我了解,不需要javascript。如果要使用AJAX动态更新列表,则需要将所选属性添加到需要突出显示的项目中。您可以使用JavaScript库轻松完成此操作。
答案 1 :(得分:0)
javascript
可能不是最好的答案,尽管这样做肯定是可行的。
在JSP
页面中,我假设您有一个填充HTML
<select>
选项的循环。在该循环中,进行测试以查看是否为用户选择了当前值。如果是,请将selected="selected"
属性/值对添加到该国家/地区的<option>
。
如果您真的想在javascript
中执行此操作,则应用相同的逻辑:遍历option
的{{1}}元素,并将select
设置为true适当的元素。
作为替代方案,您可以让selected
生成相应的JSP
行,仅设置所选的javascript
行,从而在页面加载时保存所有国家/地区的循环。
通过options
事件调用javascript函数,以便在显示页面时进行选择。