2012-02-15 52 views
-2

可能重複:
transfer data from javascript popup multiline textbox to a select control複印文本與jQuery/javascript來的ListBox

我想知道,如果它可以複製文本(每行一個),從文本區域並用一些foreach循環將其移動到列表框。 我有一個textarea在一個彈出窗口和一個列表框,我想把所有的記錄從textarea。 請參考圖片瞭解更多信息。 enter image description here 在此先感謝,如果有人幫助我,我將非常感激。謝謝,Laziale

+0

解釋有點不同,也許這樣,有人可能能夠幫助我。謝謝 – Laziale 2012-02-15 22:34:24

+0

我沒有看到任何與其他問題不同的東西。下次更新您的原始問題。謝謝。 – Kev 2012-02-16 21:46:30

回答

2
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()" /> 
+0

@Laziale - 此代碼不屬於評論。請張貼它作爲您的問題的一部分。要回答你的問題,請參閱我的答案中的編輯。 – 2012-02-15 23:00:08

+0

thx,就像一個魅力。我想知道的另一件事是我該怎麼做,一旦用戶點擊'submit'按鈕並且數據被插入到列表框中,我想自動關閉jquery ui對話框。該div具有「對話框」的ID。你認爲這是可能的嗎? Thx一百萬爲您提供幫助。 – Laziale 2012-02-15 23:13:47

+0

@Laziale - 你是否閱讀過文檔? http://jqueryui.com/demos/dialog/。它告訴你如何關閉對話框。 – 2012-02-16 17:54:09

0

你可以做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>"); 
} 

最快的,易於閱讀。