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

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

普通的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>

<option value="0" selected="selected">默认值</option>

要默认的 加上 selected="selected"。

<option selected="selected" value="<?php echo $result['genrename']?>"><?php echo $result['genrename']?></option>

默认的值是上个option得到的,程序中没有<option selected="selected" value="<s:property value='#cost.costcent'/>">的。

效果是如果yc的值等于0,select默认选中否,如果等于1,则默认选中是。

不使用控件。

拓展资料:

background-color是用来设置元素的背景颜色。

ex:

<div style="background-color:red width:200pxheight:200px"></div>。

可以用<s:select>标签这个是struts2的标签。

1、使用html中的select标签比较麻烦一下,因为想要设置默认的那么就需要selected="selected"标签,如果想实现的话可以使用c:if标签判断一下<c:if test="&#36{sessionScope.zhicheng=='副教授'}">selected="selected"</c:if>当然这样的每一个option都判断一下有点麻烦另外可以用<s:select>标签这个是struts2的标签。

2、select是html的一个标签,与页面是否是jsp无关,option默认选中添加一个属性 selected 即可,<option selected="selected">Mercedes</option>在遍历的时候<option value="1" <c:if test="${item.CONTRACT_HAB eq 1}">selected="selected"</c:if>>H</option>

做一个判断即可添加你想要的那一个年份为默认选中。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/10979850.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-12
下一篇 2023-05-12

发表评论

登录后才能评论

评论列表(0条)

保存