如何让一个下拉框初始是空白的,但是点开下拉框选不了空白项。
第一种纯CSS方法
<option selected="selected" disabled="disabled" style='display: none' value=''></option>
上面的option置于第一行即可。
第二种借助js
html代码:
<body onload="load()">
<select id="abc" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
</select>
</body>
js代码:
<script>
function load()
{
var x = document.getElementById("abc");
x.selectedIndex = -1;
}
</script>
我用下面这行代码解决了我遇到的问题
<c:when test="${xiala eq '-' }"><option value="">-</option></c:when>
由于我的下拉选数据都是从数据库取出来的
<select id="input${input.id }" must="${input.isMust }" controlType="${input.controlType }" title="${input.title }" class="label_right_select"><c:forEach items="${fn:split(input.itemOption, '/')}" var="xiala">
<c:choose>
<c:when test="${empty input.data.value ? xiala eq input.defaultValue : xiala eq input.data.value }"><option value="${xiala }" selected="selected">${xiala }</option></c:when>
<c:when test="${xiala eq '-' }"><option value="">-</option></c:when>
<c:otherwise><option value="${xiala }">${xiala }</option></c:otherwise>
</c:choose>
</c:forEach></select>