將輸入插入div jQuery

我需要一些幫助。我有一些輸入的表單，他與divs排序。我要插入的div更多的投入，所以我嘗試做一些像這個 -將輸入插入div jQuery

$(document).ready(function(){ 
    $("#more").click(function(){ 
    $("#div_name").append("<input type=\"text\" name\"test\" value=\"test\" />"); 
    }); 
});

和HTML是

<form action="" method="post" enctype="multipart/form-data" name="form_name"> 
    <input type="text" name="text_input" value="test" /> 
    <div id="div_name"></div> 
    <input type="button" id="more" value="Add more" /> 
</form>

和它的作品，並添加投入很大，但是當我送表單他不會發送jquery添加的輸入，因爲如果我將執行print_r（$ _ POST）;他會告訴我，除了那些我只是說所有的職位，所以輸出將

 Array 
(
    [text_input] => test 
)

還當我用上面的jQuery代碼。但是當我在做$（「form」）。append（...）; ，一切都很順利，但輸入不在div中。謝謝。 :)

來源

2012-06-07 Videron

你應該發佈你的html以及 – Gavriel

是#div_name的形式嗎？ –

你可以顯示追加後顯示的內容嗎？ – Terry

你的div應該在窗體內。只需將表單的開始標記移動到div之前，並將/ form標記移動到/ div之後。

如果這不起作用做的其他方式：

所有要插入的表格都將具有相同的名稱，這樣不會工作動態輸入

<div id="..."> 
    <form> 
    </form> 
</div>

來源

2012-06-07 19:28:43 Gavriel

這就是我所做的 <形式行動= 「」方法= 「郵報」 ENCTYPE = 「的multipart/form-data的」 NAME = 「FORM_NAME」>

而什麼都沒有.. – Videron

好的，然後反過來做！ – Gavriel

沒有任何變化.. – Videron

第一。您必須在名稱的末尾附加一個數字/字符串以區分每個輸入數據。

這裏提供了一個小結讓你檢查，它表明表單元素包含動態創建的輸入元素。 http://jsfiddle.net/umuff/

UPDATE：

發現你在做什麼錯

名\ 「測試\」 < ===你忘了等號名

繼承人的工作小提琴後簽署http://jsfiddle.net/umuff/1/

來源

2012-06-07 20:46:58

將輸入插入div jQuery

回答

相關問題