select多选multiple的使用示例_selectmultiple多选 - CSDN文库

177 浏览量更新于2023-03-16 评论收藏 25KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

select多选多选 multiple的使用示例的使用示例

使用multiple可以实现select多选，本例将为大家介绍下select多选 multiple的使用，新手朋友们可以学习下

复制代码代码如下:

<html>

<head>

<script type="text/javascript">

function 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;

}

function selectM()

{

var obj = document.getElementById("mySelect");

alert(obj.selectedIndex);

}

function checkselect(objname){

o = document.getElementById(objname);

t = document.getElementById("output");

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);

alert(intvalue);

}

</script>

</head>

<body>

<form>

<div id="selectOption" style='width:100px;height:50px;z-index:100;border:1px solid

#0099FF;background:#cccccc;display:none;'>

<select id="mySelect" multiple="multiple" 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="output">

<input id="lalla" type="button" onclick="showDiv(this.id)" value="选择">

<br/>

</form>

<p>在您点击 “选择多个” 按钮之前，请尝试同时选取多个选项。在点击 “选择多个” 按钮之后，请再试一次。</p>

</form>

</body>

</html>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38707153

粉丝: 7
资源: 951

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈