使用jQuery预填充表单

在页面上有一个插件生成的发票金额.我想将其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/也有以下代码.

解决方法

你正在val()中复制一个jquery对象,你需要$(‘#invoicediv’).val()或.text(),具体取决于它是什么元素.在这种情况下,你想要$(‘#invoicediv’).text()

像这样

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