`

JS 获取select (多选下拉)中所选中的值

HTML 
阅读更多
<!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 intvalue="";
for(i=0;i<o.length;i++){  
if(o.options[i].selected){
intvalue+=o.options[i].value+",";
}
}
t.value=intvalue.substr(0,intvalue.length-1);
}
  //-->
  </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>
分享到：
| “Word上次启动时失败,以安全模式启动Word ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾 png

    给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾---调试页面，发现bootstarp框架多选会自带一个span标签，清空与赋值就是把这个span标签重置，在浏览器调试页面中找到这个span标签，通过class选择器，对...

    bootstrap-select下拉选择搜索框，可以多选和单选

    bootstrap-select下拉选择搜索框，可以多选和单选，用法非常简单，样式美观，项目中经常会使用到，特别选项过多的时候，欢迎大家下载使用

    js Select下拉列表框进行多选、移除、交换内容的具体实现方法

    我们经常会看到很多的网站会看到有下拉列表的内容进行直接增加与移除，下面我来介绍一款js Select下拉列表框进行多选、移除、交换内容实例

    select2控件回显方法

    JavaScript 技术： select2控件选择多个数据，以及回显数据的方法 。

    JS实现支持多选的遍历下拉列表代码

    这里使用js实现可进行多项选择的下拉列表，鼠标点击上边下拉列表中的任意值，下边列表中就会显示该选中值，按住键盘上的Ctrl键，再次点击上边的列表任意值，可进行多选，多选功能得益于JavaScript的帮忙，在网页上...

    jQuery下拉菜单选中添加代码.zip

    jQuery下拉菜单选中添加代码是一款jQuery模拟Select下拉菜单多选条件，选中过滤搜索代码。

    自定义下拉框插件select-mania

    select-mania是一款jQuery下拉选择框美化插件。该插件可以将普通的下拉选择框转换漂亮的下拉选择框，并且转换后的下拉选择框带搜索功能，可通过AJAX获取数据，带多种主题，还可以自定义主题等。

    下拉框变成下拉模糊搜索框

    目前的下拉框dropdownlist、select就是简单的选择，如果遇到内容过多会很难找出想找的选项，我用简单的js文件将现在的下拉框改成下拉模糊搜索框，支持汉字拼音首字母模糊匹配和字符串字串匹配，本代码的强大在于扩展...

    Jquery多选下拉列表插件jquery multiselect功能介绍及使用

    有一个多选的需求，在网上找到了这个插件：multiselect https://github.com/ehynds/jquery-ui-multiselect-widget csdn博客上有这个插件的介绍，不少童鞋都问了这么个问题，怎么获取选中的值？真是个好问题，因为我...

    BootStrap中关于Select下拉框选择触发事件及扩展

    Select下拉框的问题，想在选择一个选项后，前台显示做出变动，并且知道选择的是第几个选项。 这个很好解决： 如下: &lt;select class=form-control onchange=selectOnchang(this)&gt; 所有申请商家 待审核商家...

    Layui 动态禁止select下拉的例子

    js代码 // 禁止select点击 function disSelect() { var level = $('#is_level1').val(); if(level != 1){ layer.msg('一级分类父级不可修改'); $('select').attr('disabled', 'disabled'); form.render('...

    jQuery模拟select下拉框插件.zip

    jQuery模拟select下拉框插件是一款支持多选和单选下拉框菜单选中代码。

    react-dropdown-tree-select:轻巧，可访问，可自定义且快速的React下拉树选择组件

    目录随着材料设计作为单选安装作为NPM软件包使用CDN 对等依赖用法道具班级名称clearSearchOnChange onChange ...多选等级制simpleSelect radioSelect showPartiallySelected showDropdown 最初的总是表单状态（已禁用...

    利用Bootstrap Multiselect实现下拉框多选功能

    利用Bootstrap Multiselect实现下拉框多选功能,并在点击事件中获取到所有选中option的value值 首先展示项目案例: 多选下拉框功能实现.gif 下面是所有完整的代码,重点以及主要的解释已经在代码内进行注释: 引入的...

    程序天下:JavaScript实例自学手册

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    《程序天下：JavaScript实例自学手册》光盘源码

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    html入门到放弃笔记

    1、编写一对 body 标记，在body标记中，嵌套一对 div标记，在 div 标记中 ，嵌套一对 a 标记，在 a标记中，嵌套一对 b 标记，b标记中，随意编写一些文本 &lt;body&gt; 这是一段测试文本 &lt;/body&gt; ...

    amis前端低代码框架-其他

    Date 快捷键支持上月底autoFill 支持多选CRUD 的 toolbar 默认不再将最后一个组件放右边接口兼容多种 json 返回格式CRUD filterable 判断是否选中不要那么严格Button-Group disabled 统一使用透明度的方式来实现,...

    Ext 开发指南 学习资料

    TabPanel使用autoLoad加载的页面中的js脚本没有执行 A.9. 有关grid的一些小问题 A.9.1. 如何让grid总所有的列都支持排序 A.9.2. 修改一个grid的ColumnModel和Store A.9.3. 动态为ds添加参数baseParams A.10. 有关...

Magicbox
Global site tag (gtag.js) - Google Analytics