通过 js 获取 select(多选下拉) 中所选值,具体实现如下,有需要的朋友可以参考下,希望对大家有所帮助
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <html>
- <head>
- <title>
- New Document
- </title>
- <meta name="Generator" content="EditPlus">
- <meta name="Author" content="">
- <meta name="Keywords" content="">
- <meta name="Description" content="">
- </head>
- <body>
- <script language="JavaScript">
- < !--
- function checkselect(objname) {
- o = document.getElementById(objname);
- t = document.getElementById("output");
- var count = 0;
- var intvalue = "";
- for (i = 0; i < o.length; i++) {
- if (o.options[i].selected) {
- intvalue += o.options[i].value + ",";
- count++;
- }
- }
- t.value = intvalue.substr(0, intvalue.length - 1);
- alert(count);
- }
- //-->
- </script>
- <select name="objsel" size=8 multiple>
- <option value="0" selected>
- 请选择
- <option value="1">
- 测试一
- <option value="2">
- 测试二
- <option value="3">
- 测试三
- <option value="4">
- 测试四
- <option value="5">
- 测试五
- </select>
- <input type="button" onclick="checkselect('objsel');" value="输出">
- 选中的项目:
- <input type="text" name="output">
- </body>
- </html>
来源: