Javascript 将下拉列表和文本克隆元素发布到PHPMailer
我正在尝试创建一个邮件表单,在其中我们可以为建筑项目提供准确的报价。现在,我有一个表格,有几个下拉列表和额外的文本输入,这样客户可以选择一种样式,并包括他们想要的大小。我想得到它,这样通过点击一个按钮,一个特定的div(包括样式下拉列表和大小文本)将被克隆,并发布他们输入的其他样式和大小。我当前的脚本如下所示Javascript 将下拉列表和文本克隆元素发布到PHPMailer,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我正在尝试创建一个邮件表单,在其中我们可以为建筑项目提供准确的报价。现在,我有一个表格,有几个下拉列表和额外的文本输入,这样客户可以选择一种样式,并包括他们想要的大小。我想得到它,这样通过点击一个按钮,一个特定的div(包括样式下拉列表和大小文本)将被克隆,并发布他们输入的其他样式和大小。我当前的脚本如下所示 <div class="windowdiv"> <label for="windowselect"> Type </label>
<div class="windowdiv">
<label for="windowselect"> Type </label>
<select type="select" name="windowselect">
<option value="None"> None </option>
<option value="vinyl single hung"> Vinyl Single Hung - w/ J Channel </option>
<option value="vinyl slider"> Vinyl slider - w/ J Channel</option>
</select><br>
<label for="wdsize">Size (W'xH')</label>
<input type="size" name="wdsize" placeholder="W'xH'">
</div>
<button type="button" class="button" id="windowbtn">Add Another window</button>
<script>
$("#windowbtn").click(function () {
$('.windowdiv:first').clone().removeClass('windowdiv').addClass('addwindow').insertAfter(".windowdiv");
});
</script>
类型
没有一个
乙烯基单悬挂-w/J通道
乙烯基滑块-w/J通道
尺寸(W'xH')
添加另一个窗口
$(“#windowbtn”)。单击(函数(){
$('.windowdiv:first').clone().removeClass('windowdiv').addClass('addwindow').insertAfter('windowdiv');
});
我只是使用了一个简单的php$\u帖子
<?php
$windowselect = $_POST['windowselect'];
$email_message .= "Windows: ".clean_string($windowselect)."\n";
?>
另外,我对编码还很陌生,所以越是“拼写”越好。
我感谢所有的帮助