如何在java脚本中的下拉列表中添加值
问题描述:
我在本网站看到一个示例代码,用于根据第一个下拉列表的选择动态填充第二个下拉菜单。我有帐号下拉菜单,根据选择,我需要用相应的email-id填充第二个下拉菜单。代码在这里:Populating Child Dropdown(使用java脚本的第二个选项)。如何在java脚本中的下拉列表中添加值
但有人可以让我知道如何填充第二个下拉列表中的值吗?
<script>
var dd2options = ${dd2optionsAsJSObject};
var dd3options = ${dd3optionsAsJSObject};
function dd1change(dd1) {
// Fill dd2 options based on selected dd1 value.
var selected = dd1.options[dd1.selectedIndex].value; ... }
</script>
我的代码如下 - 如何更改代码来做到这一点?
<td>
1. Member Account Number
<span class="bodyCopy">
<font color="#ff0000"> * </font>
</span>:
<html:select
name="DataForm"
property="Member.accountNumber"
styleClass="formContent"
style="width:80px">
<html:options collection="<%= WorkConstants.RENewDropdowns.PACCT %>"
property="value"
labelProperty="label"
styleClass="formContent"/>
</html:select>
</td>
我的第二个下拉是如下:
<td>
3. Member <br>E-mail Address:<br />
<span class="bodyCopy"></span>
<html:select
name="DataForm"
property="Member.emailAddress.emailAddress"
style = "width:150px"
styleClass="formContent">
<html:options collection="<%= WorkConstants.RENewDropdowns.PEMAIL %>"
property="value"
labelProperty="label"
styleClass="formContent"/>
</html:select>
</td>
感谢您对这个帮助,因为我是新来的Java脚本。
答
问题可以以下列方式
使用选择元素的onchange事件来解决,在第一箱提交表单并填充在第二个选择框数据。
使用AJAX来获取同样的方式数据,而不是提交表单
抓取所有主要和相关数据,它们存储在阵列中。按键调用它们。你可以用JSON来解决
嗯。这真的是Javascript相关的吗?还是只有Java/Struts相关? – DashK 2011-02-17 16:03:59