用JS怎么给select标签设置动态的默认值

发布网友发布时间：2022-04-21 20:43

共4个回答

热心网友时间：2022-04-10 19:05

普通的HTML select标签在显示的时候总是默认的显示第一个<option value="">中所指示的值。
只需要一个JS函数，就可以让它的默认值能够根据后台所传过来的参数不同而变化。
参考如下：
JSP文件：
<body onload="checkModel()">
<form action="<%=request.getContextPath()%>/secretboxInfoAction.do" method="post" name="ClientForm">
<tr>
<td class="td"><span class="font13b">型号:</span>
<select id="mod" style="width:115pt" name="model" value="" onkeydown="model_prompt_del()">
<option value="">------请选择------
<option value="转盘" >转盘
<option value="密码" >密码
<option value="金柜" >金柜
</select>
<span id="model_prompt" class="style1">*</span><html:errors property="model"/>
</tr>
</body>

<script type="text/javascript">
function checkModel() {
if("${secretboxInfo.model}"=="转盘"){
document.getElementById("mod").value="转盘";
} else if("${secretboxInfo.model}"=="密码"){
document.getElementById("mod").value="密码";
} else if("${secretboxInfo.model}"=="金柜"){
document.getElementById("mod").value="金柜";
} else{
document.getElementById("mod").value="";
}
}
</script>

热心网友时间：2022-04-10 20:23

首先看下你要把第几条设置为默认；
<option> 的id规律化写成 id="option"+index;的形式；
第几条就是index;
$("#option"+index).css("selected":"selected");

热心网友时间：2022-04-10 21:58

直接设置下拉框的值就可以了
$("#selectid").val("defaultValue");

热心网友时间：2022-04-10 23:49