Question

我有一个字符串＆＃39; y＆＃39;来自数据库表由New行分隔。我试图将字符串值放在多选下拉菜单中。我试过下面的代码，但它没有用。任何人都可以帮助我。提前谢谢。

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>

Answer 1

y.split（＆＃39;＆＃39;）会像这样重新排列数组：[＆＃34; 50,60,70,80,90＆＃34;]但你想要的是：[＆＃34; 50＆＃34;＆＃34; 60＆＃34;＆＃34; 70＆＃34;＆＃34; 80＆＃34;＆＃34; 90＆＃34]。您可以参考以下代码。

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);
}

Answer 2

使用＆＃34; split（/ \ r | \ n /）＆＃34;而不是拆分（＆＃39;＆＃39;）用新行字符拆分字符串。

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

查看JS Fiddle了解详情。

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

2 个答案: