<html>
<head>
<scripttype="text/javascript">
functionshowDiv(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;
}
functionselectM()
{
varobj=document.getElementById("mySelect");
alert(obj.selectedIndex);
}
functioncheckselect(objname){
o=document.getElementById(objname);
t=document.getElementById("output");
varintvalue="";
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);
alert(intvalue);
}
</script>
</head>
<body>
<form>
<divid="selectOption"style='width:100px;height:50px;z-index:100;border:1pxsolid#0099FF;background:#cccccc;display:none;'>
<selectid="mySelect"multiple="multiple"size="4">
<optionvalue='苹果'>苹果</option>
<optionvalue='桃子'>桃子</option>
<optionvalue='香蕉'>香蕉</option>
<optionvalue='桔子'>桔子</option>
</select>
<inputtype="button"onclick="checkselect('mySelect')"value="checkselect">
</div>
选中的项目：<inputtype="text"name="output">
<inputid="lalla"type="button"onclick="showDiv(this.id)"value="选择">
<br/>
</form>
<p>在您点击“选择多个”按钮之前，请尝试同时选取多个选项。在点击“选择多个”按钮之后，请再试一次。</p>
</form>
</body>
</html>
