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 相关文章推荐
jQuery应用之jQuery链用法实例
Jan 19 Javascript
js实现文件上传表单域美化特效
Nov 02 Javascript
Actionscript与javascript交互实例程序(修改)
Sep 22 Javascript
Javascript 对cookie操作详解及实例
Dec 29 Javascript
javaScript 逻辑运算符使用技巧整理
May 03 Javascript
vue修改vue项目运行端口号的方法
Aug 04 Javascript
使用Vue写一个datepicker的示例
Jan 27 Javascript
webpack打包react项目的实现方法
Jun 21 Javascript
js for终止循环 跳出多层循环
Oct 04 Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 26 Javascript
对vuex中getters计算过滤操作详解
Nov 06 Javascript
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 setcookie() cannot modify header information 的解决方法
2009/01/09 PHP
php模拟asp中的XmlHttpRequest实现http请求的代码
2011/03/24 PHP
PHP编写文件多服务器同步程序
2016/07/02 PHP
PHP实现的简单对称加密与解密方法实例小结
2017/08/28 PHP
PHP进阶学习之Geo的地图定位算法详解
2019/06/19 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
Thinkphp 在api开发中异常返回依然是html的解决方式
2019/10/16 PHP
addRule在firefox下的兼容写法
2006/11/30 Javascript
getElementById在任意一款浏览器中都可以用吗的疑问回复
2007/05/13 Javascript
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
javascript延时加载之defer测试
2012/12/28 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
2013/06/28 Javascript
关于Javascript作用域链的八点总结
2013/12/06 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
JS+CSS实现带小三角指引的滑动门效果
2015/09/22 Javascript
jquery判断输入密码两次是否相等
2020/04/22 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
2016/01/14 Javascript
Js的Array数组对象详解
2016/02/22 Javascript
原生JS实现首页进度加载动画
2016/09/14 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
2016/10/11 Javascript
Bootstrap table两种分页示例
2016/12/23 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
vue select组件的使用与禁用实现代码
2018/04/10 Javascript
jQuery实现仿京东防抖动菜单效果示例
2018/07/06 jQuery
javascript简单实现深浅拷贝过程详解
2019/10/08 Javascript
[02:45]DOTA2英雄敌法师基础教程
2013/11/25 DOTA
[00:35]DOTA2上海特级锦标赛 VP战队宣传片
2016/03/04 DOTA
Python API len函数操作过程解析
2020/03/05 Python
Stylenanda中文站:韩国一线网络服装品牌
2016/12/22 全球购物
沃尔玛加拿大:Walmart.ca
2020/03/02 全球购物
事业单位公务员的职业生涯规划
2014/01/15 职场文书
相亲活动方案
2014/08/26 职场文书
上班迟到检讨书300字
2014/10/18 职场文书
用电申请报告范文
2015/05/18 职场文书
小学一年级班主任工作经验交流材料
2015/11/02 职场文书
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers