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创建一个新的节点对象(自定义结构/内容)的好方法
Jan 21 Javascript
js中数组Array的一些常用方法总结
Aug 12 Javascript
Js 去掉字符串中的空格(实现代码)
Nov 19 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
Feb 27 Javascript
javascript字符串循环匹配实例分析
Jul 17 Javascript
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
Mar 13 Javascript
AngularJS使用ng-options指令实现下拉框
Aug 23 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
Aug 24 Javascript
修改jquery中dialog的title属性方法(推荐)
Aug 26 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
Nov 30 Javascript
原生js调用json方法总结
Feb 22 Javascript
vue.js实现图书管理功能
Sep 24 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开发api接口安全验证操作实例详解
2020/03/26 PHP
PHP 构造函数和析构函数原理与用法分析
2020/04/21 PHP
JavaScript之编码规范 推荐
2012/05/23 Javascript
js使用正则实现ReplaceAll全部替换的方法
2014/07/18 Javascript
js实现图片和链接文字同步切换特效的方法
2015/02/20 Javascript
JavaScript 实现 Tab 点击切换实例代码
2017/03/25 Javascript
JS FormData上传文件的设置方法
2017/07/05 Javascript
浅谈Vue父子组件和非父子组件传值问题
2017/08/22 Javascript
微信小程序项目实践之验证码倒计时功能
2018/07/18 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
JS 实现获取验证码 倒计时功能
2018/10/29 Javascript
在Create React App中启用Sass和Less的方法示例
2019/01/16 Javascript
[00:36]DOTA2上海特级锦标赛 Archon战队宣传片
2016/03/04 DOTA
[23:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
详解Python中的文本处理
2015/04/11 Python
Python检测QQ在线状态的方法
2015/05/09 Python
利用Python为iOS10生成图标和截屏
2016/09/24 Python
Python编程实现数学运算求一元二次方程的实根算法示例
2017/04/02 Python
Django中ORM外键和表的关系详解
2019/05/20 Python
django 微信网页授权认证api的步骤详解
2019/07/30 Python
在python中使用pymysql往mysql数据库中插入(insert)数据实例
2020/03/02 Python
Python flask框架如何显示图像到web页面
2020/06/03 Python
Python实现加密接口测试方法步骤详解
2020/06/05 Python
python有几个版本
2020/06/17 Python
使用django自带的user做外键的方法
2020/11/30 Python
html5需遵循的6个设计原则
2016/04/27 HTML / CSS
澳大利亚家具商店:Freedom
2020/12/17 全球购物
学前教育毕业生自荐信
2013/10/29 职场文书
高考寄语大全
2014/04/08 职场文书
2014年加油站工作总结
2014/12/04 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
捐款仪式主持词
2015/07/04 职场文书
2015年小学生国庆节演讲稿
2015/07/30 职场文书
《给予树》教学反思
2016/03/03 职场文书
使用tensorflow 实现反向传播求导
2021/05/26 Python