使用jquery / javascript将文本从textarea复制到列表框

Question

  

可能重复：
  transfer data from javascript popup multiline textbox to a select control

我想知道是否可以从textarea复制文本（每行一个），并使用一些foreach循环将其移动到列表框。 我在弹出窗口和列表框中有一个textarea，我想在textarea中放入所有记录。 有关详细信息，请参阅图片。 在此先感谢，如果有人帮助我，我将非常感激。谢谢，Laziale

Answer 1

function BuildDropdownFromTextarea() {
    var lines = $('#yourTextArea').val().split('\n');

    $.each(lines, function(index,value){
      $('#yourDropdownList').append($("<option></option>").attr('value', value).text(value));
    });
}

假设您希望在单击按钮时填充列表。您的按钮的一些示例标记将是：

<input type="submit" onclick="BuildDropdownFromTextarea()" />

Answer 2

您可以对textarea值执行split('\n')并使用该数组填充选择框：

var text = $("#textareaId").val();
text.split('\n');

var selectElement = $("#selectElementId");
selectElement.find("option,optiongroup").remove(); // clear select box

foreach(var line in text) {
    selectElement.append("<option value=\"" + line + "\">" + line + "</option>");
}

速度快，易读。