下拉框預設是空白
阿新 • • 發佈:2018-12-17
如何讓一個下拉框初始是空白的,但是點開下拉框選不了空白項。
第一種純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>