2014-01-16 47 views
0

我已經花費大量時間來搜索這種類型的問題,但沒有找到合適的答案。我正在嘗試從java腳本中獲取文本名稱<input type='text' name="qname">並以html格式發送。有沒有可能?我的壓力是在這一部分。 code:如何將參數從javascript發送到html表格

<html> 
<!-- skipped part--> 
<script type="text/javascript" defer="defer"> 
    function create() 
    { 
     var newDiv = document.createElement('div'); 
     var divId = "someId"; 
     newDiv.id = divId; 
     var output = "<table id='e' border><tr><td><input type='text' name="qname"></td><td><input type='text1' name="qty"></td><td><input type='text' name="price"></td><button onclick=del('"+ divId +"')>delete</button></td></tr></table>"; 
     newDiv.innerHTML = output; 
     newDiv.className = 'newClass'; 
     document.body.appendChild(newDiv);       
    } 


    function del (id) { 
     var div = document.getElementById(id); 
     div.parentNode.removeChild(div); 
    } 


    </script> 


<body> 
    <form method="post" action="transaction.php" onclick="create()">  
    <button onclick="create()">create</button> 
    <input type="submit" value="submit" /> 

    </form> 
</body> 
+0

你可以看到你引用不當你在設置的字符串'var output =「

+2

有兩個問題。 1)你需要轉義那些引號:'name = \「qname \」'。 2)你需要附加到表單,而不是正文,如果你想它發佈:'document.getElementsByTagName(「form」)[0] .appendChild(newDiv);' – CodingIntrigue

+0

我需要做的是寫在div併發送到HTML表單。 – user3187733

回答

2

您將新的HTML附加到正文而不是表單。給表單一個id,例如

<form method="post" action="transaction.php" onclick="create()" id="myform">  

,然後輸入追加到形式:

document.getElementById("myform").appendChild(newDiv); 
+0

我瞭解論壇的殼我放置document.getElementById(「myform」)。appendChild(newDiv);在函數結束之前? – user3187733

+0

是的,我想是這樣...... –

+0

沒有發生。也可以將整行放在數據庫中? – user3187733

1

你有不當形成的output變量字符串。

如果您檢查控制檯,您將看到:

Uncaught SyntaxError: Unexpected string

嘗試格式化您的字符串是這樣的:

var output = "<table id='e' border><tr><td><input type='text' name='qname'></td><td><input type='text1' name='qty'></td><td><input type='text' name='price'></td><button onclick=del('" + divId + "')>delete</button></td></tr></table>"; 

演示:http://jsfiddle.net/IrvinDominin/Lcnet/

+0

另外,也可以使用下面的引號:'「

statue

相關問題