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 相关文章推荐
xml文档转换工具,附图表例子(hta)
Nov 17 Javascript
javascript页面上使用动态时间具体实现
Mar 18 Javascript
深入理解JavaScript系列(50):Function模式(下篇)
Mar 04 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
May 09 Javascript
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
Jun 02 Javascript
使用BootStrapValidator完成前端输入验证
Sep 28 Javascript
jQuery EasyUI 页面加载等待及页面等待层
Feb 06 Javascript
React Native之TextInput组件解析示例
Aug 22 Javascript
详解webpack-dev-server的简单使用
Apr 02 Javascript
解析Json字符串的三种方法日常常用
May 02 Javascript
详解vue+axios给开发环境和生产环境配置不同的接口地址
Aug 16 Javascript
基于VSCode调试网页JavaScript代码过程详解
Jul 20 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数据访问
2016/05/09 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
在Laravel的Model层做数据缓存的实现
2019/09/26 PHP
PHP 进程池与轮询调度算法实现多任务的示例代码
2019/11/26 PHP
PHP rsa加密解密算法原理解析
2020/12/09 PHP
网页常用特效代码整理
2006/06/23 Javascript
Track Image Loading效果代码分析
2007/08/13 Javascript
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
JavaScript语言核心数据类型和变量使用介绍
2013/08/23 Javascript
jQuery中:selected选择器用法实例
2015/01/04 Javascript
js控制网页前进和后退的方法
2015/06/08 Javascript
jQuery取消ajax请求的方法
2015/06/09 Javascript
jQuery事件绑定on()与弹窗实现代码
2016/04/28 Javascript
jquery  实现轮播图详解及实例代码
2016/10/12 Javascript
jquery.cookie.js的介绍与使用方法
2017/02/09 Javascript
详解原生js实现offset方法
2017/06/15 Javascript
node-sass安装失败的原因与解决方法
2017/09/04 Javascript
JavaScript满天星导航栏实现方法
2018/03/08 Javascript
JS实现点击按钮可实现编辑功能
2018/07/03 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
2020/07/15 Javascript
python 中的列表解析和生成表达式
2011/03/10 Python
Python中操作MySQL入门实例
2015/02/08 Python
Python 逐行分割大txt文件的方法
2017/10/10 Python
django自带的server 让外网主机访问方法
2018/05/14 Python
Python3.4 splinter(模拟填写表单)使用方法
2018/10/13 Python
超酷炫 CSS3垂直手风琴菜单
2016/06/28 HTML / CSS
英语专业应届生求职信范文
2013/11/15 职场文书
成绩单公证书
2014/04/10 职场文书
我的职业生涯规划:打造自己的运动帝国
2014/09/18 职场文书
八一建军节主持词
2015/07/01 职场文书
活动新闻稿范文
2015/07/17 职场文书
财务年终工作总结大全
2019/06/20 职场文书
2019年新郎保证书3篇
2019/10/17 职场文书
使用vuex-persistedstate本地存储vuex
2022/04/29 Vue.js