`

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 ...
评论
发表评论

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

相关推荐

    angularjs ui-select2 多选下拉所需资源文件

    在本文中，我们将深入探讨如何在AngularJS应用中集成并使用ui-select2库来实现多选下拉功能。AngularJS是一款强大的前端JavaScript框架，而select2是一个流行的jQuery插件，它提供了美观且功能丰富的选择器组件，...

    JS 获取select(多选下拉)中所选值的示例代码

    标题中提到的“JS 获取select(多选下拉)中所选值的示例代码”，涉及到的知识点主要集中在JavaScript语言在Web前端开发中如何操作DOM元素，获取和处理用户通过多选下拉框（multiple select element）所选中的值。...

    select模拟多选下拉

    在网页开发中，"select模拟多选下拉"是一个常见的需求，特别是在需要用户选择多个选项时。传统的HTML `&lt;select&gt;` 元素虽然支持`multiple`属性实现多选，但其样式和交互方式往往不能满足现代网页设计的需求。因此，...

    SelectBox下拉复选框多选插件

    对于“SelectBox下拉复选框多选插件”，这意味着它是一个独立的JavaScript或CSS库，可以轻松集成到任何项目中，为下拉框添加多选和搜索功能。 5. **搜索功能**：此插件的一个关键特性是搜索功能。在大量选项的下拉...

    select 下拉框可以多选

    在网页设计和开发中，`select`元素是用于创建下拉菜单的标准HTML组件。当我们需要让用户从一组选项中选择一个或多个项目时，`select`下拉框是常用的选择方式。在某些场景下，我们可能需要使`select`下拉框支持多选，...

    下拉框多选select多选

    在网页设计和开发中，"下拉框多选select多选"是一个常见的功能，它允许用户在下拉菜单中选择多个选项，而不仅仅是一个。在HTML中，`&lt;select&gt;`元素通常用于创建这样的下拉菜单，但默认情况下，`&lt;select&gt;`只支持单选。...

    html多选下拉框 ，CheckBox的Select组件 可多选的下拉框

    - **值的获取**：在提交表单时，我们可以通过遍历`&lt;select&gt;`中的`&lt;option&gt;`来获取用户选择的值。 3. **样式美化** 为了提供与传统下拉框相似的外观，可以使用CSS对`&lt;label&gt;`进行样式设置，如背景、边框、字体等。...

    layui下拉多选,下拉选择多选

    在 Layui 中，下拉多选框（Multiple Select）是用于展示一组可复选选项的控件，常用于需要用户选择多个值的场景，如设置权限、选择分类等。这个组件支持搜索过滤、远程数据加载等功能，提高了用户体验。 3. 使用...

    LayUI下拉多选添加选中事件.zip

    在LayUI中，下拉多选通常使用`layui-select`样式和`layui-form-checkbox`类来创建，同时配合JavaScript进行动态交互和事件绑定。 描述中的“博客中资源包”可能是指一个包含示例代码和说明的压缩文件，用于帮助...

    含checkbox的多选下拉组件

    "含checkbox的多选下拉组件"是一个这样的工具，它为网页中的选择操作提供了更直观、更友好的方式。这样的组件通常用于在有限的空间内展示多个可选项目，而不会让页面显得拥挤或混乱。 在传统的下拉框中，用户只能...

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

    1. **引入依赖**：首先，确保在页面中引入Bootstrap的CSS和JavaScript文件，以及Bootstrap Select的CSS和JS文件。这些文件可以从官方网站或者CDN获取。 2. **HTML结构**：在HTML中创建`&lt;select&gt;`元素，为每个可选项...

    jQuery bootstrap-select下拉多选和搜索

    这时，jQuery 的插件 `bootstrap-select` 应运而生，它基于 Bootstrap 框架，提供了美观且功能强大的可搜索多选下拉列表。 `bootstrap-select` 是一个流行的 jQuery 插件，它扩展了 Bootstrap 的 `&lt;select&gt;` 元素，...

    多选下拉菜单控件（HTML)

    1. **JavaScript操作**：使用JavaScript，我们可以获取用户在多选下拉菜单中的选择。例如，通过`document.getElementById('selectId').options`获取所有选项，然后遍历它们检查`selected`属性。 2. **表单提交**：...

    layui多选下拉框样式，整套layui-select-multiple

    关于“取值”，在Layui的多选下拉框中，你可以通过JavaScript事件来获取用户的选择。当用户完成选择后，可以监听“change”事件，然后通过`.val()`方法获取选中项的值，这些值通常是以逗号分隔的字符串形式返回。 ...

    解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题

    在index.vue文件中，使用el-select和el-option组件创建多选下拉框，并通过v-model绑定选中的值。同时，为每个el-option添加一个disabled属性，以控制特定选项的可选性。 ```html &lt;el-select v-model="ruleForm....

    layui风格多选下拉

    3. layui表单渲染：在JavaScript中，通过`layui.form.render('select')`方法渲染多选下拉，使其具备layui的交互效果。这一步骤至关重要，不执行此步骤，layui样式可能无法正确显示。例如： ```javascript layui.use...

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

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

    下拉多选select multiple

    综上所述，"下拉多选select multiple"在Bootstrap中通常需要结合第三方库如Select2来实现，它不仅提供了多选功能，还增强了用户体验，通过搜索功能使得在大量选项中查找变得轻松。在实际应用中，我们还需要关注性能...

    jQueryMultipleSelect实现下拉框多选

    在使用jQuery Multiple Select插件时，首先需要在页面中引入jQuery库和插件的JS及CSS文件。然后，你可以通过以下方式初始化插件： ```html &lt;select id="mySelect" multiple&gt; &lt;option value="1"&gt;Option 1 ...

    asp.net 自定义下拉多选控件

    总结起来，"asp.net 自定义下拉多选控件"是一个结合了JQuery和ASP.NET技术的高效组件，它为开发者提供了在Web应用中实现多选下拉功能的简便方式。通过理解并运用这些知识点，开发者可以进一步提升自己在ASP.NET开发...

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