本文介绍了提交表单而不使用提交按钮的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

I am using a form to submit the data to get the records from the database.
In the form I am using the two select tag options.

因此,选择选项后,表单应不使用提交按钮进行提交.选择输入后,我正在等待响应提交表单,而不使用表单应该自动提交的提交"按钮(或任何按钮).

So after selecting the options the form should submit without using the submit button.I am waiting for the response to submit the form after selecting the inputs without using the submit button(or any button) it should submit automatically.

推荐答案

使一个函数检查您想要的所有内容是否已设置,然后,如果有,请提交以下表单:

Make a function to check everything you want has been set, and then if it has, submit the form:

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

然后根据您的选择,绑定 onchange 事件以运行该功能.

Then on your select, bind the onchange event to run the function.

这是一个有效的示例: http://jsfiddle.net/JE6AM/

Here is a working example: 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:

Javascript:

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

我已经用alert()替换了提交,向您展示了代码是如何触发的.

I've replaced the submit with an alert() to show you how the code triggers.

您可以使用$_REQUEST['selectCar']访问该值.

这篇关于提交表单而不使用提交按钮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

05-28 04:05
查看更多