复制代码代码如下：
<html>
<头>
<脚本类型=“ text/javascript”>
函数showdiv（id）{
document.getElementById（“ selectOption”）。style.display =“ block”;
document.getElementById（“ selectOption”）。样式position =“ absolute”;
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 ++）{
如果（o.options [i] .selected）{
intvalue+= o.options [i] .value+“，”;
}
}
t.value = intvalue.substr（0，intvalue.length-1）;
警报（Intvalue）;
}
</script>
</head>
<身体>
<形式>
<div id =“ selectoption” style ='宽度：100px;高度：50px; z-index：100; border：1px solid＃0099ff;背景：#ccccccccccccccc; display：none;'>'>
<select id =“ mySelect” protive =“多=” size =“ 4”>
<option value ='苹果'>苹果</option>
<option value ='桃子'>桃子</option>
<option value ='香蕉'>香蕉</option>
<option value ='桔子'>桔子</option>
</select>
<input type =“ button” onclick =“ checkSelect（'mySelect'）” value =“ checkSelect”>
</div>
选中的项目：<input type =“ text” name =“输出”>
<输入id =“ lalla” type =“ button” onclick =“ showdiv（this.id）” value =“选择”>
<br/>
</form>
<p>在您点击“选择多个”，请尝试同时选取多个选项。在点击，“选择多个”，请再试一次。</p>
</form>
</body>
</html>