用JS怎么给select标签设置动态的默认值
在jsp页面中，加载这个页面时会从数据库传来一条记录<%=staff.getSection() %>，要将select的默认值设为此记录，请问怎么设置？
我的select标签下已有option选项，页面显示时显示出与数据库中提取的值相等的那个选项。
æ®éç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>
åªéè¦ä¸ä¸ª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>
温馨提示：内容为网友见解，仅供参考
第1个回答 2014-06-27
首先看下你要把第几条设置为默认；
<option> 的id规律化写成 id="option"+index;的形式；
第几条就是index;
$("#option"+index).css("selected":"selected");
<option> 的id规律化写成 id="option"+index;的形式；
第几条就是index;
$("#option"+index).css("selected":"selected");
第2个回答 2015-05-19
直接设置下拉框的值就可以了
$("#selectid").val("defaultValue");
$("#selectid").val("defaultValue");
第3个回答 推荐于2018-02-23
<select>
<option <% if(staff.getSection()==1){ out.print("selected=''")}%>>1</option>
<option <% if(staff.getSection()==2){ out.print("selected=''")}%>>2</option>
</select>本回答被网友采纳
<option <% if(staff.getSection()==1){ out.print("selected=''")}%>>1</option>
<option <% if(staff.getSection()==2){ out.print("selected=''")}%>>2</option>
</select>本回答被网友采纳
相似回答
