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 相关文章推荐
Using the TextRange Object
Oct 14 Javascript
JavaScript 应用技巧集合[推荐]
Aug 30 Javascript
struts2+jquery组合验证注册用户是否存在
Apr 30 Javascript
原生javascript实现的一个简单动画效果
Mar 30 Javascript
JS实现动画兼容性的transition和transform实例分析
Dec 13 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
Bootstrap fileinput文件上传组件使用详解
Jun 06 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
Dec 01 Javascript
vue+iview写个弹框的示例代码
Dec 05 Javascript
vue.js前后端数据交互之提交数据操作详解
Apr 24 Javascript
详解Vue2.5+迁移至Typescript指南
Aug 01 Javascript
Selenium执行JavaScript脚本的方法示例
Dec 31 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设计模式之观察者模式的应用详解
2013/05/21 PHP
yii2 数据库读写分离配置示例
2017/02/10 PHP
javascript中的location用法简单介绍
2007/03/07 Javascript
关于__defineGetter__ 和__defineSetter__的说明
2007/05/12 Javascript
JQuery 风格的HTML文本转义
2009/07/01 Javascript
JS:window.onload的使用介绍
2013/11/13 Javascript
wap浏览自动跳转到wap页面的js代码
2014/05/17 Javascript
javascript 寻找错误方法整理
2014/06/15 Javascript
js拼接html注意问题示例探讨
2014/07/14 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
2014/11/28 Javascript
js实现倒计时及时间对象
2016/11/15 Javascript
Vue表单验证插件Vue Validator使用方法详解
2017/04/07 Javascript
Vue中v-for的数据分组实例
2018/03/07 Javascript
bing Map 在vue项目中的使用详解
2018/04/09 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
2018/07/31 Javascript
Angular resolve基础用法详解
2018/10/03 Javascript
详解node登录接口之密码错误限制次数(含代码)
2019/10/25 Javascript
详解JavaScript之Array.reduce源码解读
2020/11/01 Javascript
Python3中的真除和Floor除法用法分析
2016/03/16 Python
Python中利用Scipy包的SIFT方法进行图片识别的实例教程
2016/06/03 Python
Python使用django搭建web开发环境
2017/06/09 Python
tornado+celery的简单使用详解
2019/12/21 Python
Python timer定时器两种常用方法解析
2020/01/20 Python
python中判断文件结束符的具体方法
2020/08/04 Python
卡骆驰新加坡官网:Crocs新加坡
2018/06/12 全球购物
英国的潮牌鞋履服饰商店:size?
2019/03/26 全球购物
Probikekit欧盟:在线公路自行车专家
2019/07/12 全球购物
瑞士隐形眼镜和护理产品网上商店:Linsenklick
2019/10/21 全球购物
印度第一网上礼品店:IGP.com
2020/02/06 全球购物
毕业生自我鉴定
2013/11/05 职场文书
数控技术专科生自我评价
2014/01/08 职场文书
制作部班长职位说明书
2014/02/26 职场文书
防火标语大全
2014/10/06 职场文书
师德师风培训感言
2015/08/03 职场文书
详解CSS开发过程中的20个快速提升技巧
2021/05/21 HTML / CSS
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server