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 相关文章推荐
斜45度寻路实现函数
Aug 20 Javascript
jQuery:节点(插入,复制,替换,删除)操作
Mar 04 Javascript
js获取url参数值的两种方式
Sep 10 Javascript
javascript怎么禁用浏览器后退按钮
Mar 27 Javascript
JS日期格式化之javascript Date format
Oct 01 Javascript
基于jquery实现动态竖向柱状条特效
Feb 12 Javascript
javascript实现抽奖程序的简单实例
Jun 07 Javascript
jquery实现页面加载效果
Feb 21 Javascript
浅谈AngularJS中使用$resource(已更新)
Sep 14 Javascript
AngularJS实现图片上传和预览功能的方法分析
Nov 08 Javascript
Three.js开发实现3D地图的实践过程总结
Nov 20 Javascript
微信小程序提取公用函数到util.js及使用方法示例
Jan 10 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类
2006/11/27 PHP
php GeoIP的使用教程
2011/03/09 PHP
详解 PHP加密解密字符串函数附源码下载
2015/12/18 PHP
php使用正则表达式获取字符串中的URL
2016/12/29 PHP
PHP检查网站是否宕机的方法示例
2017/07/24 PHP
php分享朋友圈的实现代码
2019/02/18 PHP
Js+XML 操作
2006/09/20 Javascript
js制作的鼠标悬浮时产生的下拉框效果
2012/10/27 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
ExtJS中设置下拉列表框不可编辑的方法
2014/05/07 Javascript
jquery浏览器滚动加载技术实现方案
2014/06/03 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
node.js中的fs.stat方法使用说明
2014/12/16 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
2016/10/07 Javascript
微信小程序 textarea 详解及简单使用方法
2016/12/05 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
2019/03/01 Javascript
Node.js Windows Binary二进制文件安装方法
2019/05/16 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
原生javascript单例模式的应用实例分析
2020/02/23 Javascript
jQuery 动画与停止动画效果实例详解
2020/05/19 jQuery
vue实现移动端项目多行文本溢出省略
2020/07/29 Javascript
[01:07]DOTA2次级职业联赛 - Fpb战队宣传片
2014/12/01 DOTA
python 正则表达式 概述及常用字符
2009/05/04 Python
pandas带有重复索引操作方法
2018/06/08 Python
Python实现的服务器示例小结【单进程、多进程、多线程、非阻塞式】
2019/05/23 Python
python自动保存百度盘资源到百度盘中的实例代码
2019/08/26 Python
python中的itertools的使用详解
2020/01/13 Python
将"引用"作为函数返回值类型的格式、好处和需要遵守的规则
2016/02/09 面试题
网上卖盒饭创业计划书
2014/01/26 职场文书
2014两会学习心得:榜样精神伴我行
2014/03/17 职场文书
2014领导干部学习焦裕禄同志先进事迹思想汇报
2014/09/19 职场文书
党员自我剖析材料(群众路线)
2014/10/06 职场文书
2019年中学生的思想品德评语集锦
2019/12/19 职场文书
浅谈python数据类型及其操作
2021/05/25 Python
详解Python为什么不用设计模式
2021/06/24 Python
MySQL 服务和数据库管理
2021/11/11 MySQL