1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html>
<script type="text/javascript">
var selectedValue = '<%= request.getAttribute("line")%>'
function changeSelected(){
jsSelectItemByValue(document.getElementById("mySelect"),selectedValue)
}
function jsSelectItemByValue(objSelect,objItemText) {
for(var i=0i<objSelect.options.lengthi++) {
if(objSelect.options[i].value == objItemText) {
objSelect.options[i].selected = true
break
}
}
}
</script>
<body onload="changeSelected()">
<select id="mySelect" name="mySelect">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</body>
</html>
如果不需要下拉框，那么可以不用<select，网上那些点击后下面弹出自定义选项的，都不是用的<select，而是通过CSS画出的类似<select样子的标记，比如<div、<span等最简单的方法，在那个地方放个下拉框样子图片，然后点图的时候弹出你下面那个树BTW：<select的下拉是没办法通过JS来关闭的，那个是浏览器本身的行为
