動態HTML行，其中包含與動態行級聯的列表項目

我在想，如果你們中的任何人都可以幫我解決我遇到的問題。基本上，我有一個表，它有一個按鈕來添加索引從0到最後一個行號的動態行。動態HTML行，其中包含與動態行級聯的列表項目

我加了JS提琴在這裏：jsfiddle.net/mfbcvprc/4

我所尋找的，是當一個新的錶行添加到動態表，在下拉菜單中是存在於表的第一行被複制，以便可以在已添加的下一個新行中使用。

會有人親切地能夠告訴我一個如何做到這一點的例子嗎？在這個階段，我已經用盡了Javascript和HTML的知識，所以尋求一點指導！

2016-02-25 Russell664

它不可能找出你的問題是什麼。你究竟想做什麼？你想要什麼樣的最終結果？這麼多代碼..爲了什麼？它看起來像一堆混在一起的問題 - 你可以創建一個jsfiddle。我已經爲你開始了它： https://jsfiddle.net/mfbcvprc/ 整理它 - 擊中更新併發送新的URL，我可能會幫助。 –

嗨JF aplogies，讓自己陷入了一片泡菜。我已經在這裏編輯了JS小提琴：https://jsfiddle.net/mfbcvprc/4/帶有代碼，它是如何在我的文檔中。所以我要找的是，首先出現的那一行有一個下拉菜單，用於三個條目。當添加一個新的表格行時，我正在尋找可用的下拉列表。目前，按預期追加了一個新行，但下拉菜單不會與它一起傳輸。我希望如此，當添加新行時，可以在新行上選擇下拉框。感謝您提前提供任何幫助。 – Russell664

當我在該下拉框中選擇一些東西時，它是唯一可選擇的項目之後 - 是由設計？或一個錯誤？ –

檢查這個答案第一： https://stackoverflow.com/a/17378538/1800668

我已經更新的jsfiddle ..但有與jQuery奇怪的問題，我還沒有見過這麼看這個codepen代替：

https://codepen.io/anon/pen/YqKEJq

基本上我做的改變是這樣的：

$(document).ready(function() { 
    $('.btnAdd').click(function() { 
    addRow(); 
    var newDropDown = $('#table1 tr:last').find('input[name*=area]'); 
    newDropDown.attr('list', 'areaList').removeAttr('type'); 
    });

它會像您所做的那樣添加新行，然後查找新輸入的輸入，並更新其屬性，使其與上一個輸入相同。我從來沒有與你的datalist類型的控制工作，所以不知道這種方法是否好，但它在筆中的作品。

來源

2016-02-25 16:29:03

嗨，JF，你是一個天才。這是盛大的，從來沒有想過它會是一個小代碼，因爲我期待着AJAX調用和一切。和我一起，我對這一切還是比較陌生的，但是當我走時，我覺得我正在接受它。我已經更新了Codepen以使用刪除按鈕。然而，另一個問題是，在某個階段，我會在此表中添加另一個下拉列表，是否可以將其包含在現有代碼中，還是需要創建副本並從那裏更改變量？再次感謝！ – Russell664

剛剛玩過它，並在Codepen上添加了以下代碼的三個條目的測試「原因」下拉列表：https：// codepen。io/anon/pen/aNoEyN 我沿着正確的路線嗎？ – Russell664

@ Russell664是的，看起來好吧..你在第一次嘗試中過分複雜，但它的好處..檢查出更多的想法的JQuery克隆..你可以使用它，而不是addRow函數 - 它可能會取代所有它實際..太早了。 –

動態HTML行，其中包含與動態行級聯的列表項目

回答

相關問題