копирование текста из текстового поля в ListBox с JQuery/JavaScript

Question

Можно создать дубликат:
transfer data from javascript popup multiline textbox to a select control

Я хотел бы знать, если его можно скопировать текст (по одному в каждой строке), из текстового поля и переместите его в список с некоторым циклом foreach. У меня есть текстовое поле во всплывающем окне и список, где я хочу поместить все записи из текстового поля. Пожалуйста, обратитесь к рисунку за дополнительной информацией. Спасибо заранее, и я буду очень признателен, если кто-то поможет мне в этом. Спасибо, 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

Вы можете сделать split('\n') на значении TEXTAREA и использовать массив для заполнения поля выбора:

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

быстрых и легкое для чтения.