javascript - 不使用提交按钮提交表单

Question

我正在使用表单提交数据以从数据库中获取记录。
在表单中，我使用了两个选择标签选项。

因此在选择选项后，表单应该不使用提交按钮提交。我在选择输入后等待提交表单的响应，而不使用它应该自动提交的提交按钮(或任何按钮)。

Answer 1

做一个函数来检查你想要的一切都已经设置，然后如果是，提交表单:

function submitIfFormComplete()
{
  // Check the select has something selected
  if (document.getElementById('selectOne').selectedIndex > 0)
  {
      document.getElementById('formID').submit();
  }
}

然后在您的选择上，绑定(bind) onchange 事件以运行函数。

这是一个工作示例:http://jsfiddle.net/JE6AM/

Select your car make:
<select id='sel1' name='selectCar' onchange="checkAndSubmit()">
    <option value="0">Select...</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select> 
<br/><br/>
Select your gender:
<select id='sel2' name='selectGender' onchange="checkAndSubmit()">
    <option value="0">Select...</option>
  <option value="Male">Volvo</option>
  <option value="Female">Saab</option>
</select> 

Javascript:

function checkAndSubmit()
{
  if (document.getElementById('sel1').selectedIndex > 0
     && document.getElementById('sel2').selectedIndex > 0)
  {
      //document.getElementById('formID').submit();
      alert('both have been selected!');
  }
}

我已将提交替换为 alert() 以向您展示代码如何触发。

编辑:您可以使用 $_REQUEST['selectCar'] 访问该值。