嘗試將Javascript數組變量分配給HTML輸入值屬性

Question

我有一些複雜的問題需要提出，而我的Google-Fu顯然太弱以至於無法解決此問題。

我建立一個本應通過陣列中的一串名字的翻轉各種各樣的形式，展示了他們全部選擇和：

• 將選定的名稱爲一組的形式輸入（文字，具體）;
• 動態生成一串具有更多相同文本輸入的div;
• 把名字的其餘到這些新的div

我已經得到了前兩項工作得很好，用jQuery和規則的Javascript的混合。但是我遇到的問題發生在最後一步，那裏。

下面是我在做什麼的樣本行：

var lname = '<p>Last name: <input type=\'text\' class=\'inputbox\' value=lastNames[i] /></p>'; 
... 
... 
$('.others').append(...,lname,...); 

這是一個for (i=0; i<lastNames.length; i++)循環中，所以該計劃是創建一個div和內部數組中的每個名稱的輸入。這已經起作用了。問題是，當我加載頁面並選擇一個名稱時，會出現3個新divs，每個框內的文本例如是lastNames [i]而不是Smith。

我在這裏丟失了什麼語法？還是比我想象的更復雜？

Answer 1

現在你所要做的就是設置一個字符串。您需要將lastNames變量連接到字符串以獲得您想要的結果。

var lname = '<p>Last name: <input type=\'text\' class=\'inputbox\' value=\'' + lastNames[i] + '\'></p>'; 

Answer 2

我建議你在尋找jQuery templating這種解決方案非常適合於您的問題。

編輯：基本上，你只需設置一個準備好的模板，然後輸入{{each}}條件格式，它會自動創建你有的列表，沒有任何for循環js。