JS 获取select(多选下拉)中所选值的示例代码
更新时间：2013年08月02日 15:54:54 作者：
通过js获取select(多选下拉)中所选值，具体实现如下，有需要的朋友可以参考下，希望对大家有所帮助
复制代码 代码如下:
<!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>
您可能感兴趣的文章:
- 获取select的value、text值的简单示例（jquery与javascript）
- js添加select下默认的option的value和text的方法
- JS获取select的value和text值的简单实例
- JS获取select-option-text_value的方法
- js获取select选中的option的text示例代码
- jquery及原生js获取select下拉框选中的值示例
- js获取select标签选中值的两种方式
- js 获取当前select元素值的代码
- 获取select元素被选中的文本内容的js代码
- js获取当前select 元素值的代码
- javascript 获取select下拉列表值的代码
- js select 标签选定项的值获取代码
- JavaScript获取select中text值的方法
相关文章
这篇文章主要为大家详细介绍了js实现div色块碰撞，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
如何终止forEach循环这个问题估计会难倒一部分同学,甚至会有人反问,forEach循环在JavaScript中能终止吗？本文小编给大家介绍了三种方式可以终止forEach循环,需要的朋友可以参考下2023-11-11
这篇文章主要为大家详细介绍了微信小程序实现日期范围选择，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能，每一条正则表达式模式对应一个RegExp实例2012-11-11
这篇文章主要为大家详细介绍了JavaScript实现九宫格移动拼图游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
数独游戏非常流行,其规则就是1到9数字填入9*9宫格并要求每一行、每一列、每一个粗线(小型)宫内的数字不重复,对此我们来看一下JavaScript遍历求解数独问题的主要思路小结2016-06-06
将图片查询出来之后，还需要加一个查看大图的功能，于是就用js写了一个方法，然后在image的onmouseover事件中调用此方法，这样在鼠标悬浮在小图上面的时候，其大图就会自动的显示出来。2013-03-03
下面小编就为大家带来一篇基于input框覆盖掉数字英文的实例讲解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要为大家介绍了Three.js中实现Bloom效果及完整示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
这篇文章主要介绍了javascript如何合并多层级数组问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
最新评论