2015-02-24 100 views
0

我对java脚本和jquery不太了解。我建立了一个表格,让你输入电话号码。现在我已经为现有客户提供了自动完成功能。Jquery自动完成 - 只从列表中选择sumbit表单

我用在其他地方下面请跟随代码和它的工作相当不错

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> 

回答

1

可以在隐藏的表单字段上自动完成的select事件设置一个标志为1,如果值由所选自动完成列表,否则为0。

基于这个隐藏的表单字段,只有在标志为1时才能触发提交,否则会阻止表单提交。

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

1

试试这个

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

$(document).ready(function(){ 
 

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

 
alert(1); 
 
}); 
 
});
<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>