0

ドロップダウン リストからオプションを選択するときにフォームを送信しようとしています。しかし、それは機能していません。誰でもこの問題を解決するのを手伝ってくれませんか。以下に私のコードを添付しました。

前もって感謝します、

<div class="main" id="main">
  <h2>Sell / Rent Advertisments</h2>
  <form id="form1" name="form1" method="post" action="form.php">
  <table width="531" height="121" border="0">
    <tr>
      <td width="81"><div>
        <label>I wish to:</label>
      </div></td>
      <td width="76">
        <label for="mediaId"></label>
        <select name="mediaId" id="mediaId">


          <option selected value="Sale">Sale</option>
          <option value="Rent">Rent</option>
        </select>
      </td>
      <td width="360"><label for="type"></label>
        <select name="type" id="type">
        <option value="_Any" selected="selected">- - Not Specified - -</option>
<option value="1" onChange="document.forms['form1'].submit()">Apartment</option>
<option value="3" onChange="document.forms['form1'].submit()">Building</option>
<option value="4" onChange="document.forms['form1'].submit()">Hotels/Guest Houses</option>
<option value="5" onChange="document.forms['form1'].submit()">House</option>
<option value="6" onChange="document.forms['form1'].submit()">Land</option>
      </select></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
  </form>
</div>
4

4 に答える 4

2

試す

<select name="type" id="type"  onChange="document.forms['form1'].submit()">
    <option value="_Any" selected="selected">- - Not Specified - -</option>
    <option value="1">Apartment</option>
    <option value="3" >Building</option>
    <option value="4" >Hotels/Guest Houses</option>
    <option value="5" >House</option>
    <option value="6" >Land</option>
    </select>

つまり、代わりにonChangeイベントを適用しますselectoption

于 2012-12-04T09:31:28.280 に答える
1

HTML

<form id="form1" ...>
    <select name="type" id="type">
        <option value="_Any" selected="selected">- - Not Specified - -</option>
        <option value="1">Apartment</option>
        <option value="3">Building</option>
        <option value="4">Hotels/Guest Houses</option>
        <option value="5">House</option>
        <option value="6">Land</option>
    </select>
</form>

jqueryはなく、javascriptのみ

select個々のoptionタグではなく、タグにonchangeを配置します

<select name="type" id="type" onChange="document.forms['form1'].submit()">

jQuery

機能をマークアップから分離し、このテキストを$.ready()

$('#type').change( function(){
    $('#form1').submit();
});
于 2012-12-04T09:36:52.463 に答える
0

onChange はタグに配置する必要があります。select のオプションを「変更」しますが、オプションは何も変更しません。

<select name="type" id="type" onChange="document.forms['form1'].submit()">
于 2012-12-04T09:34:40.510 に答える
-2

likeonClickの代わりに使うonChange

<option value="1" onclick="document.forms['form1'].submit()">Apartment</option>
于 2012-12-04T09:31:24.800 に答える