通过多个表单输入提交到 url答案

【问题标题】：submit to url with multiple input of form通过多个表单输入提交到 url
【发布时间】：2016-11-04 15:57:20
【问题描述】：

我有一个包含 3 个选择题的表格。根据每个问题的选择，这些问题导致 5 个页面（url）之一。

我在这里搜索了一个适用于类似情况的 javascript，但该脚本在我的网站中不起作用。

我的表单代码是：

        <fieldset id="second">

<h3 class="mbot_0"><label>How many miles does your auto have</label>
</h3>
<select id="mileage" data-hint="" name="mileage">
        <option id="m1" selected value="0-15,000">
          0-15,000
        </option>
        <option id="m2" value="15,001-30,000">
          15,001-30,000
        </option>
        <option id="m3" value="30,001-65,000">
          30,001-65,000
        </option>
        <option id="m4" value="65,001-100,000">
          65,001-100,000
        </option>
        <option id="m5" value="100,000+">
          100,000+
        </option></select>

<h3 class="mbot_0"><label>Does your car have a GDI engine?</label></h3>
<select id="gdi" data-hint="" name="gdi">
<option id="" selected value="--">Select one
        </option>
        <option id="" value="yes">Yes</option>
<option id="" value="no">No</option>
</select>

<h3 class="mbot_0"><label>Do you use top-tier fuel when you fill up?</label></h3>
<select id="fuel" >
        <option id="" selected value="--">Select one
        </option>
        <option id="" value="yes">Yes
        </option>
      <option id="" value="no">No
        </option>
      </select>
      <input id="pre_btn1" onclick="prev_step1()" type="button" value="Previous">
      <input type="submit"  id="calculate"
value="Calculate"  onclick="replace()"/>
</fieldset></form>

我的脚本是

function replace() {
if (document.getElementById('mileage').value == '0-15,000' && document.getElementById('gdi').value == 'yes' && document.getElementById('fuel').value == 'yes') {
  window.location = 'http://www.arnolfodesign.com/clients/itw_carbonator/outcome01.html';
} else if (document.getElementById('mileage').value == '0-15,000' &&   document.getElementById('gdi').value == 'yes' &&   document.getElementById('fuel').value == 'no') {
  window.location = 'http://www.arnolfodesign.com/clients/itw_carbonator/outcome02.html';
} 
}
</script>

我正在学习javascript。请问，我在脚本中遗漏了什么？

【问题讨论】：

当你打印出 if 语句中的元素时，控制台在说什么？
我不确定你在问什么。但是，Firefox 开发者工具没有报告任何问题。链接返回到原始屏幕。顺便说一句...网站在这里 [链接](arnolfodesign.com/clients/itw_carbonator/autoTest.html)
顺便说一句...该网站位于此处：arnolfodesign.com/clients/itw_carbonator/autoTest.html

标签： javascript forms url set

【解决方案1】：

我已经准备好脚本了。我去掉了“里程”值中的逗号，并将提交按钮从 type=submit 替换为 type=button。也许有什么东西覆盖了提交功能？还将脚本函数从“replace()”更改为“calc()”。不清楚哪个项目直接影响了脚本，但它现在按我的预期工作。

【讨论】：