Javascript 产品订单

我尝试创建一个具有3级动态下拉列表、项目列表未来、可关闭按钮列表项目未来、联系人表单未来的订单

想要工作的“步骤”是：

step 1: choose products of 3 level dynamic dropdown lists
step 2: click the “Add product to list”
step 3: the user can delete the product line IF he / she makes a mistake in the product details
step 4: insert contact information to contact form
step 5: click the submit button to send the product order with contact information to my email.

我发现的代码抛出了一些站点，我做了一些更改：

函数填充（s1，s2）{
var s1=document.getElementById（s1）；
var s2=document.getElementById（s2）；
s2.innerHTML=“”；
如果（s1.值=“维生素C”）{
var optionArray=[“|”、“100mg | 100mg”、“500mg | 500mg”、“1000mg | 1000mg”]；
}否则如果（s1.value==“优质脂肪”）{
var optionArray=[“|”、“ω3 500ng |ω3 500ng”、“ω3 1000ng |ω3 1000ng”、“ω3 2000ng |ω3 2000ng”]；
}否则如果（s1.value==“矿物”）{
var optionArray=[“|”、“柠檬酸镁|柠檬酸镁”、“硫酸镁|硫酸镁”]；
}
for（optionArray中的var选项）{
var pair=optionArray[option]。拆分（“|”）；
var newOption=document.createElement（“选项”）；
newOption，value=pair[0]；
newOption.innerHTML=pair[1]；
s2.选项。添加（新选项）；
}   
}
函数myFunction（）{
document.getElementById（“slct0”）.reset（）；
}
var-numadded=0；
函数doReset（）{}
函数checkData（）{}
函数doAdd（）{
//从类别和值输入字段中提取数据；
//在我的表格中，它们被命名为“猫”和“瓦尔”
var catstr=document.getElementById（“slct1”）.value；
var VALTR=document.getElementById（“slct2”）.value；
var quantstr=document.getElementById（“slct3”）.value；
//创建一个正则表达式，该正则表达式使用
//可选分数。正则表达式声明
//1.整个字符串必须匹配^$
//2.必须有一个或多个十进制数字。
//3.可选有一个小数点字符。
//4.小数点后可能有数字。
//在Javascript中，您创建一个RegExp对象来提供它
//它必须检查的模式。
//var numpattern=newregexp（“^[0-9]+\.？[0-9]*$”；
//检查“value”字段是否与正则表达式匹配
//如果（！numpattern.测试（VALTR））{
//警报（“值字段中的非数字数据”）；
//返回；
// }
//另一种模式是一组字母、数字和空格
var catpattern=newregexp（“^[A-Za-z0-9]+$”；
如果（！catpattern.test（catstr））{
警报（“首选类别”）；
返回；
}
var valpattern=new RegExp（“^[A-Za-z0-9]+$”；
如果（！valpattern.test（valstr））{
提醒（“您必须选择产品”）；
返回；
}
var quantpattern=新的RegExp（“^[A-Za-z0-9]+$”；
如果（！quantpattern.test（quantstr））{
警告（“选择数量”）；
返回；
}
//如果数据看起来正常，则选取对文本区域的引用；在
//我的页面上有id值catlist和numlist
var cats=document.getElementById（“catlist”）；
var nums=document.getElementById（“numlist”）；
var quant=document.getElementById（“quantitylist”）；
//追加文本，在文本之间插入新行字符
//数据集。
如果（裸体>0）{
cats.value=cats.value+“\n”；
nums.value=nums.value+“\n”；
quant.value=quant.value+“\n”；
}
var catOption=新选项（catstr、VALTR）；
var numOption=新选项（VALTR，VALTR）；
var quantOption=新期权（quantstr，quantstr）；
numaded++；
cats.appendChild（catOption）；
附肢儿童（numOption）；
追加子项数量（quantOption）；
}
/*使用class=“close”获取所有元素*/
var closebtns=document.getElementsByClassName（“close”）；
var i；
/*单击时，循环浏览元素并隐藏父元素*/
对于（i=0；i

输入[type=text]，选择{
宽度：100%；
填充：12px 20px；
保证金：5px0；
显示：内联块；
边框：1px实心#ccc；
边界半径：10px；
}
重置[类型=按钮]{
宽度：30%；
}
输入[类型=按钮]{
宽度：30%；
背景色：#4CAF50；
颜色：白色；
填充：14px 20px；
利润率：8px0；
边界：无；
边界半径：4px；
光标：指针；
}
输入[类型=按钮]：悬停{
背景色：#45a049；
}
div{
边界半径：0px；
背景色：#fff；
填充：50px；
}
#名单{
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
边界塌陷：塌陷；
宽度：100%；
背景:#bbb ;；
}
#列表td，#列表th{
边框：1px实心#ddd；
填充：15px；
}
#列表tr:n个子（偶数）{背景色：#f2f2；}
#列表tr:hover{背景色：#ddd；}
#列表th{
填充顶部：12px；
垫底：12px；
文本对齐：左对齐；
背景色：#4CAF50；
颜色：白色；
}
p、 a{
字间距：10px；；
}    
/*在悬停时添加浅灰色背景色*/
ulli：悬停{
背景色：#eee；
}
/*设置关闭按钮的样式（span）*/
.结束{
光标：指针；
位置：绝对位置；
最高：50%；
右：0%；
填充：12px 16px；
转换：翻译（0%，-50%）；
}
.close:悬停{背景：#bbb；}
mystyle先生{
宽度：100%；
填充：25px；
背景颜色：珊瑚；
颜色：白色；
字体大小：25px；
框大小：边框框；
}   
正文{字体系列：Arial，Helvetica，无衬线；}
*{框大小：边框框；}
输入[类型=文本]，选择，文本区域{
宽度：100%；
填充：12px；
边框：1px实心#ccc；
边界半径：4px；
框大小：边框框；
边缘顶部：6px；
边缘底部：16px；
调整大小：垂直；
}
输入[类型=提交]{
背景色：#4CAF50；
颜色：白色；
填充：12px 20px；
边界：无；
边界半径：4px；
光标：指针；
}
输入[类型=提交]：悬停{
背景色：#45a049；
}
.集装箱{
边界半径：5px；
背景色：#F2F2；
填充：20px；
}
.slct0{
背景:#bbb ;；
}

选择类别
维生素C
好脂肪
矿物


选择产品
<h1>My List</h1>
<br>
<br>
<table id="list" width="100%" align="center" border="0px">
 <tr>
  <th colspan="5">CATEGORY</th>
  <th colspan="35">PRODUCT</th>
  <th colspan="35">QUANTITY</th>
  <th colspan="35">Action</th>
 </tr>
 <tr>
  <td colspan="5" id="catlist" style="width: 250px;" /></td>
  <td colspan="35" id="numlist" style="width: 250px;" /></td>
  <td colspan="5" id="quantitylist" style="width: 250px;" /></td>
  <td colspan="5" id="deletelist" style="width: 250px;" /><a href="#" onClick="PutYourActionHere">Delete</a></td>
 </tr>
</table>

<?php
//Input from fomr
$email = $_POST['email'];
$phone = $_POST['phone'];
$call = $_POST['call'];
$company = $_POST['company'];
$type = $_POST['type'];
$adress = $_POST['adress'];
$message = $_POST['message'];
$areacode = $_POST['areacode'];
$land = $_POST['land'];

//Create email from here and send it to receiver
$formcontent=" From: $email \n Firma: $company \n Navn: $name \n Adresse: $adress , $areacode \n Land: $land \n Telefon: $phone \n Ringes op: $call \n Type: $type \n Besked: \n $message \n Vedhæftede filer: \n $path_of_uploaded_file";
$recipient = "email to receive form";
$subject = "Message from Sender";
$mailheader = "Fra: $email \r\n";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
header('Location: http://www.myhomepage.com/thank_you.shtml');
?>