点击下拉列表中的项目自动完成提交表单
jQuery-UI Autocomplete submitting form onclick of item from dropdown list
我正在使用jQueryUI autocomplete()
函数,我不知道如何在选择项目时提交我的表单。
我认为问题在于select: event
,但我是jQueryUI的新手,不知道如何使这个工作。
这是我的代码,否则工作良好:
<script type="text/javascript">
$(document).ready(function() {
$(function() {
$( "#search_box" ).autocomplete({
source: function(request, response) {
$.ajax({ url: "<?php echo site_url('autocomplete/suggestions'); ?>",
data: { term: $("#search_box").val()},
dataType: "json",
type: "POST",
success: function(data){
response(data);
},
select: function (event, ui) {
$(event.target).val(ui.item);
$('#search_form').submit();
return false;
}
});
},
minLength: 1
});
});
});
</script>
任何帮助都将非常感激!
Andrew是对的,看他提到的小提琴。如果你把"ui。项目"到"ui.项目。
可以
除非您希望在服务器端脚本中获得值在由action…
调用的页面中目前,没有办法找到为什么通过鼠标或键盘选择后的表单自动提交,以及$(event.target).val(ui.item.value)
行,不传递$_POST
数组中的值
是的,Alice也是对的。您只需要在onclick函数中添加这一行:
$('#search_form').submit();
其中search_form是表单的id
相关文章:
- Jquery提交表单而不刷新
- 如何在提交表单时将PHP变量传递到Javascript cookie中
- 每次提交表单时都会重新加载网页
- Razor中的自动提交表单
- 使用 JavaScript 自动提交表单
- 点击相同的按钮打开模型,然后提交表单
- 添加和删除隐藏字段数组中的值,而不提交表单
- 使用Ajax提交表单
- jQuery:使用“jQuery验证”后无法提交表单's远程验证
- 如何在不重新加载的情况下提交表单,并使用Node+Express将数据传递回同一页面
- 有登录表单时无法提交表单
- 带有select的jquery提交表单不起作用
- 如何防止回车键提交表单,但仍然允许回车工作
- 使用按钮和单选按钮提交表单,但始终使用相同的值
- 在提交表单之前确定重复值
- 如何创建动态ajax提交表单
- HTML提交表单,同时包含空字段检查和按钮隐藏
- 如何使用jQueryAjax使用动态html输入texbox提交表单
- 当触发下拉列表的onchange事件时,使用JavaScript提交表单
- 提交表单后,Watir文本框输入未持续(重置为以前的文本框输入)