复制代码代码如下:
<html>
<head>
<script type = "text/javaScript">
وظيفة showdiv (id) {
document.getElementById ("selectOption"). style.display = "block" ؛
document.getElementById ("selectOption"). style.position = "absolute" ؛
document.getElementById ("selectOption"). style.top = document.getElementById (id) .offsettop+25 ؛
document.getElementById ("selectOption"). style.left = document.getElementById (id) .OffSetLeft+20 ؛
}
وظيفة selecm ()
{
var obj = document.getElementById ("mySelect") ؛
تنبيه (obj.selectedIndex) ؛
}
وظيفة checkselect (objname) {
o = document.getElementById (objname) ؛
t = document.getElementById ("الإخراج") ؛
var intvalue = "" ؛
لـ (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) ؛
}
</script>
</head>
<body>
<Porm>
<div id = "selectOption" style = 'العرض: 100px ؛ الارتفاع: 50px ؛ z-index: 100 ؛ الحدود: 1px solid #0099ff ؛ الخلفية: #cccccc ؛ display: none ؛'>
<SELECT ID = "mySelect" multip = "multible" size = "4">
<value Option = '苹果'> 苹果 </soph>
<value Option = '桃子'> 桃子 </soph>
<value Option = '香蕉'> 香蕉 </soph>
<value Option = '桔子'> 桔子 </soph>
</select>
<type type = "button" onClick = "checkselect ('mySelect')" value = "checkselect">
</div>
： ： <إدخال type = "text" name = "Output">
<input id = "lalla" type = "button" onClick = "showdiv (this.id)" value = "选择">
<br/>
</form>
<p> 在您点击 "选择多个" 按钮之前 ， 请尝试同时选取多个选项。在点击 "选择多个" 按钮之后 ， 请再试一次。 </p>
</form>
</body>
</html>