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 ajax post提交数据乱码
Nov 05 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
Jan 07 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
Mar 24 Javascript
JavaScript实现多个重叠层点击切换效果的方法
Apr 24 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
Apr 01 Javascript
深入理解jquery中extend的实现
Dec 22 Javascript
ES6中的箭头函数实例详解
Apr 06 Javascript
Vue2.0 实现歌手列表滚动及右侧快速入口功能
Aug 08 Javascript
深入理解 TypeScript Reflect Metadata
Dec 12 Javascript
基于vue和bootstrap实现简单留言板功能
May 30 Javascript
深入理解javascript中的this
Feb 08 Javascript
5种 JavaScript 方式实现数组扁平化
Oct 05 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 加密解密内部算法
2010/04/22 PHP
浅析php面向对象public private protected 访问修饰符
2013/06/30 PHP
Codeigniter实现处理用户登录验证后的URL跳转
2014/06/12 PHP
PHP类的反射用法实例
2014/11/03 PHP
PHP框架Laravel中实现supervisor执行异步进程的方法
2017/06/07 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
提高Laravel应用性能方法详解
2019/06/24 PHP
JS不间断向上滚动效果代码
2013/12/25 Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
2014/05/02 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
2014/10/30 Javascript
javascript中parseInt()函数的定义和用法分析
2014/12/20 Javascript
jQuery中children()方法用法实例
2015/01/07 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
2015/02/02 Javascript
jQuery简单实现日历的方法
2015/05/04 Javascript
剖析Node.js异步编程中的回调与代码设计模式
2016/02/16 Javascript
javascript中异常处理案例(推荐)
2016/10/03 Javascript
浅谈jQuery双事件多重加载的问题
2016/10/05 Javascript
BootStrap表单宽度设置方法
2017/03/10 Javascript
JS实现的DOM插入节点操作示例
2018/04/04 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
2018/08/12 Javascript
vue进入页面时滚动条始终在底部代码实例
2019/03/26 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
2019/04/08 Javascript
使用nodejs实现JSON文件自动转Excel的工具(推荐)
2020/06/24 NodeJs
Vue实现穿梭框效果
2020/09/30 Javascript
Python中map,reduce,filter和sorted函数的使用方法
2015/08/17 Python
Python序列化基础知识(json/pickle)
2017/10/19 Python
Python定时任务框架APScheduler原理及常用代码
2020/10/05 Python
澳大利亚领先的孕妇服装品牌:Mamaway
2018/08/14 全球购物
美国木工工具和用品商店:Woodcraft
2019/10/30 全球购物
广州盈通面试题
2015/12/05 面试题
2016年春季运动会广播稿
2015/08/19 职场文书
logback 实现给变量指定默认值
2021/08/30 Java/Android
为什么MySQL不建议使用SELECT *
2022/04/03 MySQL
Golang 切片(Slice)实现增删改查
2022/04/22 Golang
Redis实现分布式锁的五种方法详解
2022/06/14 Redis
如何让你的Nginx支持分布式追踪详解
2022/07/07 Servers