Question

我有一个带有提交按钮的下拉列表，但我想取消该按钮，并在用户从下拉列表中选择一个选项时通过Ajax发送表单。

以下是代码：

<select name="pin" id="pin"   class="search_box" >
    <option value="">Zip Code</option>

    <?php
    include("conn.php");
    $pin=$_REQUEST[pin];
    $city=$_REQUEST[city];
    $kk="select * from zip order by zip";
    $jj=mysql_query($kk);
    while($mm=mysql_fetch_array($jj))
    {
    ?>

        <option value="<?php echo $mm[zip]?>"<?php if($mm[zip]==$pin){echo "selected";}?>>        
        <?php
            echo $mm[zip]
        ?>    
        </option>

    <?php } ?>

</select>
<input type="button" id="findbutton" name="search_button" value="Go" />

Answer 1

好的，这是一个使用jquery的版本。

$('#pin').on('change', function(e){
  e.preventDefault();
  var form = this.form;
  var data = $(form).serialize();
  $ajax({
    data: data,
    url: form[0].action
  })
})

在触发下拉列表的onchange事件时，使用JavaScript提交表单

1 个答案: