Jquery ui 通过Post方法将变量从jQueryUIAutoComplete传递到PHP页面
我有两个jQueryUI自动完成输入字段。 当在第一个选项中选择某个选项时,该选项的值将用作数据库查询的条件,该查询将发送第二个自动完成字段的源数据。 我的问题是如何通过Post方法将第一个选择的值发送到PHP页面 目前为止的代码如下所示(此代码来自使用GET方法的教程;但我想使用Post):Jquery ui 通过Post方法将变量从jQueryUIAutoComplete传递到PHP页面,jquery-ui,autocomplete,Jquery Ui,Autocomplete,我有两个jQueryUI自动完成输入字段。 当在第一个选项中选择某个选项时,该选项的值将用作数据库查询的条件,该查询将发送第二个自动完成字段的源数据。 我的问题是如何通过Post方法将第一个选择的值发送到PHP页面 目前为止的代码如下所示(此代码来自使用GET方法的教程;但我想使用Post): $(“输入分区”)。自动完成({ //这是第一个输入 资料来源:[ {值:“81”,标签:“City1”}, {值:“82”,标签:“City2”}, {值:“83”,标签:“City3”}], 最小长
$(“输入分区”)。自动完成({
//这是第一个输入
资料来源:[
{值:“81”,标签:“City1”},
{值:“82”,标签:“City2”},
{值:“83”,标签:“City3”}],
最小长度:0,
选择:功能(事件、用户界面){
$('#divisions').val(ui.item.label);
返回false;
},
焦点:功能(事件、用户界面){
$('#divisions').val(ui.item.label);
返回false;
},
更改:功能(事件、用户界面){
//本教程将此值通过URL中的变量发送;我希望选择值通过POST发送。如何更改此值?
c_t_v_choices=“c_t_v_choices.php?filter=“+ui.item.value;
$(“#c#túv”)。自动完成(“选项”、“源”,c#túvúu选项);
}
}).焦点(功能(事件)
{
$(this.autocomplete(“search”和“”);
});
$(“#c#t#v”).自动完成({
资料来源:“,
最小长度:2,
选择:功能(事件、用户界面){
//$('#city').val(ui.item.city);
}
});
有人能帮忙吗?
如果您有任何问题,请随时告诉我。我找到的解决方案是在第一次自动完成选择时使用AJAX创建源代码 示例代码可在此处找到:
<script>
$("input#divisions").autocomplete ({
//this is the first input
source : [
{ value: "81", label: "City1" },
{ value: "82", label: "City2" },
{ value: "83", label: "City3" } ],
minLength : 0,
select: function(event, ui) {
$('#divisions').val(ui.item.label);
return false;
},
focus: function(event, ui){
$('#divisions').val(ui.item.label);
return false;
},
change: function(event, ui){
//the tutorial has this value sent by variables in the URL; I want the selection value sent by POST. How can I change this?
c_t_v_choices = "c_t_v_choices.php?filter=" + ui.item.value;
$("#c_t_v").autocomplete("option", "source", c_t_v_choices);
}
}).focus (function (event)
{
$(this).autocomplete ("search", "");
});
$("#c_t_v").autocomplete({
source: "",
minLength: 2,
select: function(event,ui){
//$('#city').val(ui.item.city);
}
});
</script>