当前位置：首页 → 问答吧 → 求助，多选select的问题

求助，多选select的问题

时间：2010-06-03

来源：互联网

<select >
         <option>XHTML</option>
         <option>CSS</option>
         <option>JAVASCRIPT</option>
         <option>XML</option>
         <option>PHP</option>
         <option>C#</option>
         <option>JAVA</option>
         <option>C++</option>
         <option>PERL</option>
</select>
如何使它可以多选呢？multiple属性怎么加？我加进去了还是不能多选！
求教育！

作者: cwq2jxl 发布时间: 2010-06-03

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript"> function show(){ var sel = document.forms["form1"].s1; var s = ""; for(var i=0;i<sel.options.length;i++){ if(sel.options[i].selected) s += sel.options[i].innerText + ","; } if(s!="") s = s.substr(0,s.length-1); alert(s); } </script> </head> <body> <form name="form1" id="form1"> <div width="300" height="160" border="1"> <select name= "s1" style= "WIDTH: 100px " multiple size=15 id="list" > <option>XHTML</option> <option>CSS</option> <option>JAVASCRIPT</option> <option>XML</option> <option>PHP</option> <option>C#</option> <option>JAVA</option> <option>C++</option> <option>PERL</option> </select> </div> <input name="button" type="button" onclick="show()" value="ShowOptionText" /> </form> </body> </html>
提示：您可以先修改部分代码再运行

作者: EraIT 发布时间: 2010-06-03

朋友，你这个是需要拖拽鼠标才能多选，有没有办法，点击1下选择1个，再点击1下另外个不取消选中状态呢？

作者: cwq2jxl 发布时间: 2010-06-03

没人来顶下？

作者: cwq2jxl 发布时间: 2010-06-03

按住CTRL 来多选的~~~

作者: carkey712 发布时间: 2010-06-03

哦哦- - 我最近有点脑残谢谢5#

作者: cwq2jxl 发布时间: 2010-06-03

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"> </script> <title>Untitled Document</title> <script type="text/javascript"> $(function(){ $("option").click(function(){ if($(this).attr("select")=="select") { $(this).attr("select","unselect"); } else { $(this).attr("select","select"); } $("option").each(function(){ if($(this).attr("select")=="select") { $(this).attr("selected","selected"); } else { $(this).removeAttr("selected"); } }); }); }) </script> </head> <body> <select name="abc" size="9" id="abc" multiple="multiple"> <option value="dfdf">ddafd</option> <option value="fdfdaf">fdfa</option> <option value="dfsd">fdfa</option> <option value="122">g122</option> <option value="121">121</option> <option value="232">232</option> <option value="111">111</option> <option value="222">222</option> <option value="333">333</option> </select> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 beryl2008 于 2010-6-3 16:18 编辑 ]

作者: beryl2008 发布时间: 2010-06-03

求助，多选select的问题

热门阅读

热门下载