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 相关文章推荐
Js 中debug方式
Feb 07 Javascript
img onload事件绑定各浏览器均可执行
Dec 19 Javascript
jQuery实现的纵向下拉菜单实例详解【附demo源码下载】
Jul 09 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
JS中的三个循环小结
Jun 20 Javascript
angular或者js怎么确定选中ul中的哪几个li
Aug 16 Javascript
node.js 用socket实现聊天的示例代码
Oct 17 Javascript
angular 未登录状态拦截路由跳转的方法
Oct 09 Javascript
详解vue 图片上传功能
Apr 30 Javascript
vue倒计时刷新页面不会从头开始的解决方法
Mar 03 Javascript
JS eval代码快速解密实例解析
Apr 23 Javascript
在vue中使用jsonp进行跨域请求接口操作
Oct 29 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判断linux下程序问题实例
2015/07/09 PHP
实现复选框全选/全不选切换
2006/12/23 Javascript
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
ExtJS扩展 垂直tabLayout实现代码
2009/06/21 Javascript
jquery打开直接跳到网页最下面、最低端实现代码
2013/04/22 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
node.js中的fs.fchown方法使用说明
2014/12/16 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
2015/02/16 Javascript
JavaScript简单修改窗口大小的方法
2015/08/03 Javascript
ES6中Symbol类型用法实例详解
2017/04/06 Javascript
关于vue.extend和vue.component的区别浅析
2017/08/16 Javascript
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
2018/08/24 Javascript
koa router 多文件引入的方法示例
2019/05/22 Javascript
解决layui table表单提示数据接口请求异常的问题
2019/09/24 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
2020/05/12 Javascript
Swiper实现导航栏滚动效果
2020/10/16 Javascript
python的描述符(descriptor)、装饰器(property)造成的一个无限递归问题分享
2014/07/09 Python
利用Python的装饰器解决Bottle框架中用户验证问题
2015/04/24 Python
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
python中的字典使用分享
2016/07/31 Python
对tf.reduce_sum tensorflow维度上的操作详解
2018/07/26 Python
python爬虫框架scrapy实现模拟登录操作示例
2018/08/02 Python
Asics日本官网:鬼冢八喜郎创立的跑鞋运动品牌
2017/10/18 全球购物
新西兰航空中国官网:Air New Zealand China
2018/07/24 全球购物
亚洲最大的眼镜批发商和零售商之一:Glasseslit
2018/10/08 全球购物
英国在线购买轮胎、预订汽车、汽车维修和装配网站:Protyre
2020/04/12 全球购物
波兰家居饰品和厨房配件网上商店:Maleomi
2020/12/15 全球购物
幼师自荐信
2013/10/26 职场文书
会计找工作求职信范文
2013/12/09 职场文书
学校十一活动方案
2014/02/01 职场文书
捐赠仪式主持词
2014/03/19 职场文书
房地产销售员岗位职责
2015/04/11 职场文书
实习单位意见
2015/06/04 职场文书
利用 SQL Server 过滤索引提高查询语句的性能分析
2021/07/15 SQL Server
PYTHON使用Matplotlib去实现各种条形图的绘制
2022/03/22 Python
Python实现科学占卜 让视频自动打码
2022/04/09 Python