本文介绍如何通过 JavaScript 动态设置下拉列表框的当前选中值,并提供了在 JSP 页面中基于服务端变量设置默认选项的代码示例。
JavaScript 动态设置下拉列表选中值
本文详细介绍利用 JavaScript 动态设定下拉列表框当前选中值的具体实现方式,供开发者参考使用。
以下是相关的 JavaScript 实现代码:
function setSelectOption(objId, targetValue){
//objid:下拉列表框的ID;targetValue:当前所选值
var obj = document.getElementById(objId);
if(obj){
var options = obj.options;
if(options){
var len = options.length;
for(var i=0;i<len;i++){
if(options[i].value == targetValue){
options[i].defaultSelected = true;
options[i].selected = true;
return true;
}
}
} else {
alert('missing element(s)!');
}
} else {
alert('missing element(s)!');
}
}
JSP 服务端设置下拉列表默认选项
接下来展示如何在 JSP 页面中,根据服务端变量设置下拉列表框的默认选中项。
<select>
<option value="1" <%if(sesssionValue==1){%> selected="selected"<%}%>>1:b </option>
<option value="2" <%if(sesssionValue==2){%> selected="selected"<%}%>>2:b </option>
<option value="3" <%if(sesssionValue==3){%> selected="selected"<%}%>>3:c </option>
<option value="4" <%if(sesssionValue==4){%> selected="selected"<%}%>>4:d </option>
</select>
希望上述内容对您的 JavaScript 开发工作有所助益。