Jquery自动完成 - 仅从列表中选择提交表单

时间:2015-02-24 07:58:23

标签: jquery html autocomplete submit

我对java脚本和jquery不太了解。我已经建立了一个表单,让您输入电话号码。现在我已经为现有客户提供了自动填充功能。

我在其他地方使用以下的汇总代码,它可以很好地完成工作

onchange='if(this.value != 0) { this.form.submit(); }'

但是,这次我希望网站提交表单,如果从自动填充列表中选择了一个项目,但是如果我输入一个未知数字则不是(上面的代码在任何更改时提交表单)

<td><label for=\"cust_telsearch\"> </label><input size=30 value=\"$cust_telsearch\" name=\"cust_telsearch\" id=\"cust_telsearch\" $cust_input_lock ></td>

2 个答案:

答案 0 :(得分:1)

如果从自动完成列表中选择了值,则可以在自动完成的select事件中将隐藏表单字段中的标志设置为1,否则设置为0。

根据此隐藏的表单字段,您可以仅在标志为1时触发提交,否则阻止表单提交。

如果您使用的是ajax,则可以根据成功返回的数据设置标记。

答案 1 :(得分:1)

试试这个

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

&#13;
&#13;
$(document).ready(function(){

$("select").on('change',function(){
  $("#form1").trigger('submit');
  return false;
});
 $("#form1").bind('submit',function(){

alert(1);
});
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form1">
  
  <select>
    <option value="1">1</option>
     <option value="1">2</option>
     <option value="1">3</option>
    </select>
  </form>
&#13;
&#13;
&#13;