JavaScript - 新しい行で区切られた文字列から複数のドロップダウンリストを選択

Question

データベーステーブルから文字列「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> 

Answer 1

y.splitは（ ''）は、このような配列retrunsます：[ "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); 
} 

Answer 2

split（ ''）の代わりに「split（/ \ r | \ n /）」を使用して、改行文字で文字列を分割します。

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を参照してください。