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 锚点跳转滚动条平滑滚动一句话代码
Apr 30 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
Sep 22 Javascript
AngularJS入门教程(一):静态模板
Dec 06 Javascript
JavaScript为事件句柄绑定监听函数实例详解
Dec 15 Javascript
jquery实现页面常用的返回顶部效果
Mar 04 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
Dec 06 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 Javascript
JS的Ajax与后端交互数据的实例
Aug 08 Javascript
浅析js实现网页截图的两种方式
Nov 01 Javascript
详解Vue中的MVVM原理和实现方法
Jul 15 Javascript
vue-router为激活的路由设置样式操作
Jul 18 Javascript
原生JS实现分页
Apr 19 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
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
php中使用临时表查询数据的一个例子
2013/02/03 PHP
PHP查询快递信息的方法
2015/03/07 PHP
PHP中explode函数和split函数的区别小结
2016/08/24 PHP
PHP调试及性能分析工具Xdebug详解
2017/02/09 PHP
PHP编程实现多维数组按照某个键值排序的方法小结【2种方法】
2017/04/27 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
2017/05/20 PHP
Nigma vs AM BO3 第一场2.13
2021/03/10 DOTA
javaScript 读取和设置文档元素的样式属性
2009/04/14 Javascript
JavaScript 以对象为索引的关联数组
2010/05/19 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
2016/09/21 Javascript
微信小程序之发送短信倒计时功能
2017/08/30 Javascript
jQuery实现手机号正则验证输入及自动填充空格功能
2018/01/02 jQuery
vue计算属性和监听器实例解析
2018/05/10 Javascript
vue.js实现备忘录demo
2019/06/26 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
2020/12/24 Javascript
浅谈vue中$bus的使用和涉及到的问题
2020/07/28 Javascript
微信小程序自定义tabBar的踩坑实践记录
2020/11/06 Javascript
vue脚手架项目创建步骤详解
2021/03/02 Vue.js
[15:07]lgd_OG_m2_BP
2019/09/10 DOTA
python、java等哪一门编程语言适合人工智能?
2017/11/13 Python
python random从集合中随机选择元素的方法
2019/01/23 Python
关于python导入模块import与常见的模块详解
2019/08/28 Python
Tensorflow进行多维矩阵的拆分与拼接实例
2020/02/07 Python
Django跨域资源共享问题(推荐)
2020/03/09 Python
美国在线家装零售商:Build.com
2016/09/02 全球购物
荷兰手表网站:Watch2Day
2018/07/02 全球购物
RetroStage德国:复古服装
2019/02/03 全球购物
英语专业个人求职自荐信
2013/09/21 职场文书
连锁经营管理专业大学生求职信
2013/10/30 职场文书
大学生自荐书范文
2013/12/10 职场文书
团支部建设方案
2014/05/02 职场文书
小学家长学校培训材料
2014/08/24 职场文书
三傻大闹宝莱坞观后感
2015/06/03 职场文书
《搭石》教学反思
2016/02/18 职场文书
导游词之镇江焦山
2019/11/21 职场文书