jQuery和添加行形式

Question

我有我以表格的形式，我使用此代碼，以添加新的領域新行：

$("input.buttonCAdd").click(function(){ 
    $('#table > tbody > tr').eq(2).after('<tr><td width=\"25%\"><b>Substancje czynna:</b></td><td width=\"25%\"><select name=\"nazwamiedzynarodowa[]\"><option selected=\"selected\">nazwa1</option><option>nazwa2</option></select></td><td> Dawka: <br><input name=\"dawka[]\" type=\"text\"> <br></td><td>Jednostka:<br><select name=\"jednostka[]\"><option selected=\"selected\">jed1</option><option>jed2</option></select></td> </tr>') 
}); 

這工作好，但我的形式「不看」新的領域，我沒有從這些領域獲得數據。我該如何解決它？

Answer 1

我不知道這是否可以幫助你，但是我想這個問題可能是在這裏： 「如果HTML比沒有屬性的一個標籤更爲複雜，因爲它是在上面的例子中，實際創作的元素由瀏覽器的innerHTML機制處理。「引用自jQuery docs（另請參閱2）我猜如果您避免使用innerHTML，它可以工作。嘗試使用標準的JavaScript方法：

//new row 
var newrow = document.createElement('tr'); // creates empty row 

//1st cell 
var newcell = newrow.insertCell(0); // create and insert empty cell to newrow + returns cell reference 
newcell.style.width = '25%'; 
newcell.style.fontWeight = 'bold'; 
newcell.appendChild(document.createTextNode('Substancje czynna:')); 

//2nd cell 
var newcell = newrow.insertCell(1); 
newcell.style.width = '25%'; 
var newselect = document.createElement('select'); 
newselect.setAttribute('name', 'nazwamiedzynarodowa[]'); 
newselect.options[0] = new Option('nazwa1', 'opt1'); 
newselect.options[1] = new Option('nazwa2', 'opt2'); 
newselect.options[0].selected = true; 
newcell.appendChild(newselect); 

//3rd cell 
var newcell = newrow.insertCell(2); 
newcell.appendChild(document.createTextNode(' Dawka: ')); 
newcell.appendChild(document.createElement('br')); 

//4th cell 
var newcell = newrow.insertCell(3); 
var newselect = document.createElement('select'); 
newselect.setAttribute('name', 'jednostka[]'); 
newselect.options[0] = new Option('jed1', 'opt1'); 
newselect.options[1] = new Option('jed2', 'opt2'); 
newselect.options[0].selected = true; 
newcell.appendChild(newselect); 

//alert(newrow.innerHTML); 
$('#table > tbody > tr').eq(2).after(newrow);