[英]How do I get the first option of a select box to display in a div automatically when the page loads with JavaScript/jQuery?
[英]How do I display the selected values in an <html:select> when the page loads?
我有一个JSP
页面,其中包含HTML
<select>
填充了从数据库加载的所有国家。 举例来说,在“创建用户”上,所有国家/地区值均已加载到选择菜单中,而我选择了5个国家/地区。 这5个值将被加载到该特定用户的数据库中。
现在,当我再次单击该用户ID的“修改用户”时,将出现一个选择菜单,所有国家/地区都将加载到该选择菜单中,但是应该突出显示/选择这5个国家/地区。
如何使用javascript
完成此操作?
我不确定我是否正确理解了这个问题,但这是一个多重选择列表:
<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库轻松完成此操作。
javascript
可能不是最好的答案,尽管肯定可以这样做。
在JSP
页面中,我假设您有一个填充HTML
<select>
选项的循环。 在该循环中,进行测试以查看是否为用户选择了当前值。 如果是这样,请在该国家的<option>
添加一个selected="selected"
属性/值对。
如果您确实想在javascript
执行此操作,则将应用相同的逻辑:遍历select
的option
元素,并为适当的元素设置selected
为true。
或者,您可以让JSP
生成适当的javascript
行以仅设置所选的那些options
,从而在页面加载时保存遍历所有国家/地区的循环。
通过page load
事件调用javascript函数,以便在显示页面时进行选择。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.