javascript - 送信ボタンを使わずにフォームを送信する

Question

フォームを使用してデータを送信し、データベースからレコードを取得しています。
フォームでは、2 つの選択タグ オプションを使用しています。

したがって、オプションを選択した後、送信ボタンを使用せずにフォームを送信する必要があります。自動的に送信する必要がある送信ボタン（または任意のボタン）を使用せずに入力を選択した後、応答がフォームを送信するのを待っています。

Answer 1

必要なものがすべて設定されていることを確認する関数を作成し、設定されている場合はフォームを送信します。

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

次に、選択時に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!');
  }
}

コードがどのようにトリガーされるかを示すために、submit を alert() に置き換えました。

編集：$_REQUEST['selectCar']値にアクセスするために使用できます。

Answer 2

すべてのフォームにはsubmit()機能があります。

<form name="myForm">
...
</form>

で提出できます

document.myForm.submit();

Answer 3

Jqueryを使って簡単にフォームを送信できました。

<form id="test">
<select name="select1" id="select1">

</select>
</form>

$('#select1').change(function() {
    $("#test");
});