|
#2
aspic2010-11-15 11:08
|
目前的情况是：在选定一个项目后，页面重新显示，但select中显示的仍是第一项（默认值），不是刚刚选中的那个项。
现在要实现的功能是，在页面重新显示后，select控件中显示刚刚选择的项目。
页面select控件代码如下：
程序代码：<select name="jumpMenu" id="jumpMenu" onChange="jumpMenu('parent',this,0)">
<option id="1" value="跳转URL">111</option> // 111 是显示给用户的信息
<option id="2" value="跳转URL">111</option>
<option id="3" value="跳转URL">111</option>
<option id="4" value="跳转URL">111</option>
<option id="5" value="跳转URL">111</option>
</select>
为此，我写了下面的JS代码：<option id="1" value="跳转URL">111</option> // 111 是显示给用户的信息
<option id="2" value="跳转URL">111</option>
<option id="3" value="跳转URL">111</option>
<option id="4" value="跳转URL">111</option>
<option id="5" value="跳转URL">111</option>
</select>
程序代码：function display(optionID)
{
var all_options = document.getElementById("jumpMenu").options;
for (i=0; i<all_options.length; i++)
{
if (all_options[i].id == optionID) // 根据option标签的ID来进行判断 测试的代码这里是两个等号
{
all_options[i].selected = true;
}
}
}
调用方式如下：{
var all_options = document.getElementById("jumpMenu").options;
for (i=0; i<all_options.length; i++)
{
if (all_options[i].id == optionID) // 根据option标签的ID来进行判断 测试的代码这里是两个等号
{
all_options[i].selected = true;
}
}
}
<script type="text/javascript">
var the_id = '${option_id}'; // option_id 是后台传回的option标签的ID值。
window.onload = display(the_id);
</script>
var the_id = '${option_id}'; // option_id 是后台传回的option标签的ID值。
window.onload = display(the_id);
</script>
但是，在测试时查看select的option，没有任何一个option被设置了selected属性。
请问上面的JS代码有什么问题，请指教！
[ 本帖最后由 无缘今生 于 2010-11-15 11:13 编辑 ]
，最近不少老会员回归啊！