编程 Javascript

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之Document元素选择器篇

Aug 14 Javascript

javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异

Dec 25 Javascript

基于json的jquery地区联动效果代码

Jul 06 Javascript

javascript跨域方法、原理以及出现问题解决方法（详解）

Aug 06 Javascript

AngularJS 实现弹性盒子布局的方法

Aug 30 Javascript

基于Vue.js实现简单搜索框

Mar 26 Javascript

使用BootStrap建立响应式网页——通栏轮播图（carousel）

Dec 21 Javascript

JavaScript实现购物车基本功能

Jul 21 Javascript

Node 升级到最新稳定版的方法分享

May 17 Javascript

JavaScript实现构造json数组的方法分析

Aug 17 Javascript

Vue中div contenteditable 的光标定位方法

Aug 25 Javascript

layui实现数据分页功能（ajax异步）

Jul 27 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 生成WML页面方法详解

2009/08/09 PHP

PHP执行批量mysql语句的解决方法

2013/05/02 PHP

关于php 接口问题(php接口主要也就是运用curl,curl函数)

2013/07/01 PHP

PHP通过反射动态加载第三方类和获得类源码的实例

2015/11/27 PHP

PHP 配置后台登录以及模板引入

2017/01/24 PHP

PHP实现图的邻接矩阵表示及几种简单遍历算法分析

2017/11/24 PHP

获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)

2011/02/14 Javascript

js过滤特殊字符输入适合输入、粘贴、拖拽多种情况

2014/03/22 Javascript

js动态切换图片的方法

2015/01/20 Javascript

JSON格式的键盘编码对照表

2015/01/29 Javascript

jQuery编程中的一些核心方法简介

2015/08/14 Javascript

node.js下LDAP查询实例分享

2015/09/30 Javascript

Bootstrap进度条组件知识详解

2016/05/01 Javascript

jQuery动态添加与删除tr行实例代码

2016/10/18 Javascript

Vue.js创建Calendar日历效果

2016/11/03 Javascript

详解微信小程序网络请求接口封装实例

2019/05/02 Javascript

[01:21]辉夜杯战队访谈宣传片—CDEC

2015/12/25 DOTA

[55:45]LGD vs OG 2019国际邀请赛淘汰赛胜者组 BO3 第三场 8.24

2019/09/10 DOTA

python多线程threading.Lock锁用法实例

2014/11/01 Python

Python中的字典遍历备忘

2015/01/17 Python

Python利用ansible分发处理任务

2015/08/04 Python

Python输出汉字字库及将文字转换为图片的方法

2016/06/04 Python

python简单读取大文件的方法

2016/07/01 Python

python中类变量与成员变量的使用注意点总结

2017/04/29 Python

使用memory_profiler监测python代码运行时内存消耗方法

2018/12/03 Python

selenium python 实现基本自动化测试的示例代码

2019/02/25 Python

Python制作数据预测集成工具（值得收藏）

2020/08/21 Python

Kate Spade美国官网：纽约新兴时尚品牌，以包包闻名于世

2017/11/09 全球购物

javascript实现用户必须勾选协议实例讲解

2021/03/24 Javascript

怎样有效的进行自我评价

2013/10/06 职场文书

计算机专业毕业生自荐信

2013/12/31 职场文书

《鱼游到了纸上》教学反思

2014/02/20 职场文书

大学生自荐材料范文

2014/12/30 职场文书

2015年九一八事变纪念活动实施方案

2015/05/06 职场文书

刑事上诉状（量刑过重）

2015/05/23 职场文书

让生命充满爱观后感

2015/06/08 职场文书