Question

您好我是javascript的新手，我正在尝试创建一个带有一些选项的表单。

我正在为Wood Floor Restoration公司建立一个网站，他们想要一个表格，用户可以填写一些选项并获得粗略的价格指南。

所以我使用SmartFormer创建了一个表单但是有了probs

使用具有5种不同类型的楼层的列表框，比如在列表框中选择Pine Floor，然后在Select框中列出当前楼层的完成类型，我想要做的就是设置不同的值每个完成。目前，如果您选择Finish - Original Never Sanded，例如它们目前都提供相同的值（500）。如何更改它，如果选择Waxed或Oiled，它们会有不同的值。

到目前为止，下面是剧本，如果有人能告诉我需要改变或添加的内容，我将非常感激，我的发型也是如此，因为我没有更多的东西可以退出。

由于

function add_item(id,val,_obj) {
 tmp=document.createElement("OPTION");http://localhost/mcmullan/administrator/components/com_smartformer/plugins/edit_area/images/spacer.gif
 tmp.value=id;
 tmp.text=val;
 _obj.options.add(tmp); 
}
function boards_change(field) {
 if (field.selectedIndex==0) { 
  while ({%id28}.options.length>0) {%id28}.remove(0);
  add_item(0,'-- Please select --',{%id28});
  add_item(1,'Pine Boards- Original Never Sanded',{%id28});
  add_item(2,'Pine Boards- Sanded & Varnished/Lacquered',{%id28});
  add_item(3,'Pine Boards- Sanded & Varnished/Lacquered',{%id28});
  {%id31}.value='500';
 } else 
 if (field.selectedIndex==1) {  
  while ({%id28}.options.length>0) {%id28}.remove(0);
  add_item(0,'-- Please select --',{%id28});
  add_item(1,'Mosaic - Sanded & Varnished/Lacquered',{%id28});
  add_item(2,'Mosaic - Sanded & Varnished/Lacquered',{%id28});
  add_item(3,'Mosaic - Sanded & Varnished/Lacquered',{%id28});
  {%id31}.value='600';
 } else
 if (field.selectedIndex==2) { 
  while ({%id28}.options.length>0) {%id28}.remove(0);
  add_item(0,'-- Please select --',{%id28});
  add_item(1,'Herringbone - Sanded & Varnished/Lacquered',{%id28});
  add_item(2,'Herringbone- Sanded & Varnished/Lacquered',{%id28});
  add_item(3,'Herringbone- Sanded & Varnished/Lacquered',{%id28});
  {%id31}.value='700';
 } else
 if (field.selectedIndex==3) { 
  while ({%id28}.options.length>0) {%id28}.remove(0);
  add_item(0,'-- Please select --',{%id28});
  add_item(1,'Hardwood - Sanded & Varnished/Lacquered',{%id28});
  add_item(2,'Hardwood - Sanded & Varnished/Lacquered',{%id28});
  add_item(3,'Hardwood - Sanded & Varnished/Lacquered',{%id28});
  {%id31}.value='800';
 } else
 if (field.selectedIndex==4) { 
  while ({%id28}.options.length>0) {%id28}.remove(0);
  add_item(0,'-- Please select --',{%id28});
  add_item(1,'Engineered Boards- Sanded & Varnished/Lacquered',{%id28});
  add_item(2,'Engineered Boards- Sanded & Varnished/Lacquered',{%id28});
  add_item(3,'Engineered Boards- Sanded & Varnished/Lacquered',{%id28});
  {%id31}.value='900';
 }
 calculate_price();
}
function calculate_price() {
 if({%id31}.value-0>0) {%id52}.value=({%id32}.selectedIndex+1)*({%id31}.value-0)+({%id35}.selectedIndex+1)*({%id31}.value-0)*10;
  else {%id52}.value='';
}

Answer 1

试试这个：http://jsfiddle.net/jchandra/Q8J7F/

我不确定SmartFormer的工作原理是什么，但我认为我重新构建了足够的细节，让您了解如何继续。

Javascript选择框

1 个答案: