如何在 JavaScript 中高效地从多选元素中检索所选值？

如何从多选元素中检索选定的值

在您的场景中，您有一个 具有 multiple 属性的元素，并使用 JavaScript 寻求获取所选值。虽然您提供的代码可以正确完成此任务，但还有一种更简洁的方法，不需要循环。

利用本机 getSelectValues 函数，您可以有效地检索包含从 中选择的值的数组。元素。这是利用此函数的代码的修改版本：

<code class="javascript">function getSelectValues(select) {
  var result = [];
  var options = select && select.options;
  var opt;

  for (var i = 0, iLen = options.length; i < iLen; i++) {
    opt = options[i];

    if (opt.selected) {
      result.push(opt.value || opt.text);
    }
  }
  return result;
}

要使用此函数，只需传递 ;元素作为参数：

<code class="html"><select id="mySelect" multiple>
  <option>Option 1</option>
  <option value="value2">Option 2</option>
</select></code>

<code class="javascript">var selectedValues = getSelectValues(document.getElementById("mySelect"));</code>

selectedValues 变量现在将包含所选选项值的数组。然后您可以对此数组执行任何必要的操作。

以上是如何在 JavaScript 中高效地从多选元素中检索所选值？的详细内容。更多信息请关注PHP中文网其他相关文章！

JavaScript Array while select require using Attribute function this

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：Master JavaScript Random Number Generation: A Guide to Math.random() and Beyond下一篇：How to Preserve the Root Object Name When Destructuring Function Parameters in ES6?

相关文章

查看更多

• 深入浅析Bootstrap列表组组件
• JavaScript函数柯里化详解
• JS密码生成与强度检测完整实例(附demo源码下载)
• Angularjs整合微信UI（weui）
• JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招_javascript技巧

公益在线PHP培训，帮助PHP学习者快速成长！

关于我们免责声明Sitemap

© php.cn All rights reserved