JS 获取select(多选下拉)中所选值的示例代码


Posted in Javascript onAugust 02, 2013
<!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>
Javascript 相关文章推荐
firefox浏览器不支持innerText的解决方法
Aug 07 Javascript
JS设置获取cookies的方法
Jan 26 Javascript
javascript中interval与setTimeOut的区别示例介绍
Mar 14 Javascript
Jquery解析Json格式数据过程代码
Oct 17 Javascript
浅谈javascript中this在事件中的应用
Feb 15 Javascript
jQuery实现限制textarea文本框输入字符数量的方法
May 28 Javascript
js表单提交和submit提交的区别实例分析
Dec 10 Javascript
vue中的计算属性的使用和vue实例的方法示例
Dec 04 Javascript
微信小程序表单弹窗实例
Jul 19 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
Aug 29 Javascript
Javascript摸拟自由落体与上抛运动原理与实现方法详解
Apr 08 Javascript
vue监听滚动事件的方法
Dec 21 Vue.js
jQuery在html有效在jsp无效的原因及解决方法
Aug 02 #Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
Aug 02 #Javascript
JS日期和时间选择控件升级版(自写)
Aug 02 #Javascript
Js日期选择器并自动加入到输入框中示例代码
Aug 02 #Javascript
js动态给table添加/删除tr的方法
Aug 02 #Javascript
JS和jquery获取各种屏幕的宽度和高度的代码
Aug 02 #Javascript
JavaScript获取/更改文本框的值的实例代码
Aug 02 #Javascript
You might like
PHP开发入门教程之面向对象
2006/12/05 PHP
测试您的 PHP 水平的题目
2007/05/30 PHP
laravel 之 Eloquent 模型修改器和序列化示例
2019/10/17 PHP
tp5.1 框架数据库-数据集操作实例分析
2020/05/26 PHP
javascript 操作Word和Excel的实现代码
2009/10/26 Javascript
js获取元素在浏览器中的绝对位置
2010/07/24 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
2015/03/04 Javascript
详解JavaScript的回调函数
2015/11/20 Javascript
详解JavaScript的表达式与运算符
2015/11/30 Javascript
浅谈js中调用函数时加不加括号的问题
2016/07/28 Javascript
你知道setTimeout是如何运行的吗?
2016/08/16 Javascript
Angular2从搭建环境到开发步骤详解
2016/10/17 Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
2016/12/09 Javascript
Bootstrap和Java分页实例第一篇
2016/12/23 Javascript
Angularjs实现搜索关键字高亮显示效果
2017/01/17 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
Nodejs实现用户注册功能
2019/04/14 NodeJs
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
2020/04/07 Javascript
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
2020/08/24 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
2020/08/31 Javascript
vue配置多代理服务接口地址操作
2020/09/08 Javascript
[00:53]TI3正赛第三天 DK怒破A队不败金身 现场国旗飘扬热血激昂
2013/08/10 DOTA
Python实现字典的key和values的交换
2015/08/04 Python
Python自定义进程池实例分析【生产者、消费者模型问题】
2016/09/19 Python
python如何在列表、字典中筛选数据
2018/03/19 Python
python查看模块,对象的函数方法
2018/10/16 Python
使用pyecharts生成Echarts网页的实例
2019/08/12 Python
python中数据库like模糊查询方式
2020/03/02 Python
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
历史系自荐信范文
2013/12/24 职场文书
旷课检讨书3000字
2014/02/04 职场文书
商场消防演习方案
2014/02/12 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
2014年转正工作总结
2014/11/08 职场文书
教学督导岗位职责
2015/04/10 职场文书
golang fmt格式“占位符”的实例用法详解
2021/07/04 Golang