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 操作Javascript对象和数组的工具函数小结
Jan 22 Javascript
javascript offsetX与layerX区别
Mar 12 Javascript
向左滚动文字 js代码效果
Aug 17 Javascript
JS复制内容到剪切板的实例代码(兼容IE与火狐)
Nov 19 Javascript
基于jquery实现的自动补全功能
Mar 12 Javascript
JavaScript缓冲运动实现方法(2则示例)
Jan 08 Javascript
jQuery简单获取键盘事件的方法
Jan 22 Javascript
window.open打开窗口被拦截的快速解决方法
Aug 04 Javascript
微信小程序 UI布局常用技巧整理总结
Dec 05 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
Sep 28 Javascript
vue 实现全选全不选的示例代码
Mar 29 Javascript
vue中npm包全局安装和局部安装过程
Sep 03 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 echo 输出字符串函数详解
2010/05/13 PHP
CodeIgniter使用smtp服务发送html邮件的方法
2015/06/10 PHP
PHP一个简单的无需刷新爬虫
2019/01/05 PHP
ThinkPHP框架实现FTP图片上传功能示例
2019/04/08 PHP
php fread函数使用方法总结
2019/05/28 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
select组合框option的捕捉实例代码
2008/09/30 Javascript
jQuery判断iframe中元素是否存在的方法
2013/05/11 Javascript
JavaScript实现随机替换图片的方法
2015/04/16 Javascript
通用javascript代码判断版本号是否在版本范围之间
2015/11/29 Javascript
Bootstrap3下拉菜单的实现
2017/02/22 Javascript
angular或者js怎么确定选中ul中的哪几个li
2017/08/16 Javascript
es6系列教程_ Map详解以及常用api介绍
2017/09/25 Javascript
详解RequireJs官方使用教程
2017/10/31 Javascript
Node.js使用Express.Router的方法
2017/11/14 Javascript
微信小程序简单实现form表单获取输入数据功能示例
2017/11/30 Javascript
nodejs结合Socket.IO实现的即时通讯功能详解
2018/01/12 NodeJs
vue最简单的前后端交互示例详解
2018/10/11 Javascript
Vue结合后台导入导出Excel问题详解
2019/02/19 Javascript
一文读懂ES7中的javascript修饰器
2019/05/06 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
[40:13]Ti4 冒泡赛第二天 iG vs NEWBEE 2
2014/07/15 DOTA
[01:09:24]Ti4开幕式
2014/07/19 DOTA
Python统计学一数据的概括性度量详解
2020/03/03 Python
Python使用sys.exc_info()方法获取异常信息
2020/07/23 Python
Pytest测试框架基本使用方法详解
2020/11/25 Python
加拿大领先的冒险和户外零售商:Atmosphere
2017/12/19 全球购物
.TTL是什么?有什么用处,通常那些工具会用到它?(ping? traceroute? ifconfig? netstat?)
2016/05/09 面试题
Java如何支持I18N?
2016/10/31 面试题
总经理办公室主任岗位职责
2013/11/12 职场文书
大学共青团员个人自我评价
2014/04/16 职场文书
园林技术专业求职信
2014/07/28 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
2015年为民办实事工作总结
2015/05/26 职场文书
消防安全主题班会
2015/08/12 职场文书
2022新作动画《福星小子》释出宣传影片 加入内田真礼&宫野真守配音演出
2022/04/08 日漫