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 相关文章推荐
关于javascript document.createDocumentFragment()
Apr 04 Javascript
使用jquery实现div的tab切换实例代码
May 27 Javascript
jQuery实现购物车数字加减效果
Mar 14 Javascript
jquery实现从数组移除指定的值
Jun 24 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
Jun 29 Javascript
JavaScript常用本地对象小结
Mar 28 Javascript
JS JSOP跨域请求实例详解
Jul 04 Javascript
超实用的javascript时间处理总结
Aug 16 Javascript
Vue.js每天必学之过滤器与自定义过滤器
Sep 07 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
Jan 04 Javascript
ES6学习教程之块级作用域详解
Oct 09 Javascript
通过实例解析vuejs如何实现调试代码
Jul 16 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入门学习知识点五 关于php数组的几个基本操作
2011/07/14 PHP
PHP ignore_user_abort函数详细介绍和使用实例
2014/07/15 PHP
理解php依赖注入和控制反转
2016/05/11 PHP
PHP中检索字符串的方法分析【strstr与substr_count方法】
2017/02/17 PHP
laravel实现上传图片,并且制作缩略图,按照日期存放的代码
2019/10/16 PHP
JS中==与===操作符的比较
2009/03/21 Javascript
img onload事件绑定各浏览器均可执行
2012/12/19 Javascript
Javascript实现重力弹跳拖拽运动效果示例
2013/06/28 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
2015/08/22 Javascript
Bootstrap Metronic完全响应式管理模板学习笔记
2016/07/08 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
2016/11/30 Javascript
原生js实现放大镜特效
2017/03/08 Javascript
javascript基本数据类型和转换
2017/03/17 Javascript
node.js如何根据URL返回指定的图片详解
2020/10/21 Javascript
ES6中的Javascript解构的实现
2020/10/30 Javascript
原生js实现弹幕效果
2020/11/29 Javascript
[02:05]2014DOTA2西雅图邀请赛 专访啸天mik夫妻档
2014/07/08 DOTA
python中from module import * 的一个坑
2014/07/20 Python
Python multiprocessing模块中的Pipe管道使用实例
2015/04/11 Python
Python的动态重新封装的教程
2015/04/11 Python
在Python中使用模块的教程
2015/04/27 Python
利用python实现简单的循环购物车功能示例代码
2017/07/05 Python
itchat接口使用示例
2017/10/23 Python
pycharm执行python时,填写参数的方法
2018/10/29 Python
Opencv+Python实现图像运动模糊和高斯模糊的示例
2019/04/11 Python
keras中epoch,batch,loss,val_loss用法说明
2020/07/02 Python
利用CSS3实现单选框动画特效示例代码
2016/09/26 HTML / CSS
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
2016/12/06 HTML / CSS
澳大利亚相机之家:Camera House
2017/11/30 全球购物
JYSK加拿大:购买家具、床垫、家居装饰等
2020/02/14 全球购物
临床医学生职业规划书范文
2014/10/25 职场文书
2014年信访工作总结
2014/11/17 职场文书
2014年小学数学教师工作总结
2014/12/03 职场文书
超市督导岗位职责
2015/04/10 职场文书
大学运动会通讯稿
2015/07/18 职场文书
2016七一建党节慰问信
2015/11/30 职场文书