Question

我正在尝试从下拉列表中选择一个选项时提交表单。但它不起作用。任何人都可以帮我解决这个问题。我附上了我的代码。

先谢谢，

<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>

Answer 1

尝试

<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事件应用于select而不是option

Answer 2

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

将onchange放在select标记中，而不是放在每个option个标记中

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

的jQuery

将功能与标记分开，并将此文本放在$.ready()

中

$('#type').change( function(){
    $('#form1').submit();
});

Answer 3

onChange应该放在标签上，你'改变'选择的选项但不改变选项上的任何东西..

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

Answer 4

使用onClick代替onChange

<option value="1" onclick="document.forms['form1'].submit()">Apartment</option>

下拉列表表格提交

4 个答案: