使用jQuery预填充表单

时间:2012-09-15 16:37:02

标签: jquery forms copying

在页面上显示插件生成的发票金额。我想将其id复制到表单字段中以便预填充它。

<div id="invoicediv">$123.00</div> 

<div id="price"></div>
<br />
<form a`ction="https:/thecart.com" method="post" accept-charset="utf-8">  

<label>Donation Amount:</label><br>  
$<input id="txtBox" size="3" type="text" name="dollaramount">   
<input type="hidden" name="name" value="Donation">   
<input type="submit" value="Donate">  
</form> 

jQuery有效:

$('#price').html($('#invoicediv'));

但形式不是:

$('#txtBox').val($('#invoicediv'));​

我还希望在将自身复制到表单之前删除美元符号。

到目前为止,我在http://jsfiddle.net/yvTNc/24/也有以下代码。

2 个答案:

答案 0 :(得分:1)

您正在val()中复制jquery对象,需要$('#invoicediv').val().text(),具体取决于它是什么元素。在这种情况下,您需要$('#invoicediv').text()

喜欢这个

$('#txtBox').val($('#invoicediv').text());​

答案 1 :(得分:1)

我更新您的代码并查看

http://jsfiddle.net/yvTNc/25/

我更改了这一行$('#txtBox').val($('#invoicediv'));​

$('#txtBox').val($('#invoicediv').text().replace('$',''));​