我想通过php和form标签通过电子邮件发送div内容。我有这些课程的2个div:
.simpleCart_items
.simpleCart_total
我想从这些div中获取内容,并将其内容插入输入或textareas中,然后将表单提交至我的php文件。
我写了这个JQuery代码:
$('#shopform').submit(function(){
var items = $('.simpleCart_items').text();
var tprice = $('.simpleCart_total').text();
$('#itemsinfo').val(items);
$('#totalprice').val(tprice);
});
这些是我的投入:
<textarea id="itemsinfo" style="width:320px; height:160px"></textarea>
<input type="text" id="totalprice"/>
但这不起作用。内容没有移动到输入标签。
最佳答案
您正在向我们展示的HTML或脚本中还必须有其他内容,因为当我使用您的代码设置简单测试时,它在这里可以正常工作:http://jsfiddle.net/jfriend00/7q6DP/。
这对我来说非常合适(在Chrome,Firefox,Safari和IE中):
HTML:
<button id="submitForm">Submit</button>
<div class="simpleCart_items">simpleCart items text</div>
<div class="simpleCart_total">simpleCart total</div>
<textarea id="itemsinfo" style="width:320px height:160px"></textarea><br>
<input type="text" id="totalprice"/>
Javascript(加载页面后):
$('#submitForm').click(function(){
var items = $('.simpleCart_items').text();
var tprice = $('.simpleCart_total').text();
$('#itemsinfo').val(items);
$('#totalprice').val(tprice);
});
请显示其余的代码和HTML。
检查的内容是:
错误控制台或调试器控制台中是否显示任何JavaScript错误?
您是否在页面加载后初始化事件处理程序?
按提交按钮时,调试控制台中是否显示任何JavaScript错误?
您的SubmitForm事件处理程序被调用了吗?如果您设置一个断点或在其中设置警报,它会受到打击吗?
您可以在提交处理程序中设置断点并查看item或tprice的值是怎么回事吗?
当您将类名称放入HTML中时,请确保它们的开头没有开头。它应该是
class="simpleCart_items"
,而不是class=".simpleCart_items"
。