JavaScript - 从由换行符分隔的字符串中选择多个下拉列表

标签 javascript html dropdownbox multipleselection

我有一个来自数据库表的字符串“y”,由换行符分隔。我正在尝试将字符串值放入“多重选择”下拉列表中。 我尝试了下面的代码,但它不起作用。 谁能帮我解决这个问题。 提前致谢。

var y = "50
60
70
80
90";
var x= y.split('');
for (var i=0; i<x.length; i++) 
{
  document.getElementById("names").options[i] = new Option(x[i], x[i]);
}

<select id="names" multiple="multiple"></select>

最佳答案

y.split('') 将返回这样的数组: ["50,60,70,80,90"] 但你想要的是这样的: ["50","60","70", “80”,“90”]。您可以引用以下代码。

var y = "50 60 70 80 90";
var x = y.split(/\s+/);
var select = document.getElementById('names');

for (var i=0; i<x.length; i++) {
   var opt = new Option(x[i], x[i]);
   select.appendChild(opt);
}

关于JavaScript - 从由换行符分隔的字符串中选择多个下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38480106/

相关文章:

javascript - 如何在 Bootstrap 中将背景图像添加到轮播

html - 删除网站上的意外内容

javascript - 如何使用jquery选择相邻元素?

html - 悬停时如何使图像恢复不透明度影响?

ajax - Bootstrap 下拉项与 Ajax 源绑定(bind)

CSS 背景位置更改 - Chrome 错误

javascript - JqxCombo 值不是从 ajax 结果设置的 - Vue.js

jquery - js/jquery 覆盖流效果

javascript - bootstrap-collapse.js 隐藏和显示事件

asp.net - 如何在 Kendo UI 中获取下拉菜单的所选项目的文本?