复制代码代码如下 :
<html>
<헤드>
<script type = "text/javaScript">
함수 showdiv (id) {
document.getElementById ( "selectOption"). style.display = "block";
document.getElementById ( "selectOption"). style.position = "절대";
document.getElementById ( "selectOption"). style.top = document.getElementById (id) .OffSetTop+25;
document.getElementById ( "selectOption"). style.left = document.getElementById (id) .offSetLeft+20;
}
함수 selectm ()
{
var obj = document.getElementById ( "mySelect");
경고 (obj.selectedIndex);
}
함수 checkSelect (objname) {
o = document.getElementById (objname);
t = document.getElementById ( "출력");
var intvalue = "";
for (i = 0; i <o.length; i ++) {
if (o.options [i] .Selected) {
intvalue+= O.Options [i] .Value+",";
}
}
t.Value = intValue.substr (0, intvalue.length-1);
경고 (intvalue);
}
</스크립트>
</head>
<body>
<양식>
<div id = "selectOption"style = '너비 : 100px; 높이 : 50px; z-index : 100; 테두리 : 1px solid #0099ff; 배경 : #cccccc; display : none;'>
<select id = "mySelect"Multiple = "Multiple"size = "4">
<옵션 값 = '' '> </옵션>
<옵션 값 = '' '> </옵션>
<옵션 값 = '' '> </옵션>
<옵션 값 = '' '> </옵션>
</선택>
<입력 유형 = "버튼"onclick = "CheckSelect ( 'mySelect')"value = "CheckSelect">
</div>
： <입력 유형 = "텍스트"이름 = "출력">
<input id = "lalla"type = "button"onclick = "showdiv (this.id)"value = "选择">
<br/>
</form>
<p> 选择多个“在您点击”按钮之前 按钮之前 按钮之前, 请尝试同时选取多个选项。在点击“选择多个”按钮之后 按钮之后, 请再试一次。 </p>
</form>
</body>
</html>