通过Post方法将变量从JQuery UI Autocomplete传递到PHP页面

时间:2012-10-03 14:22:21

标签: jquery-ui autocomplete

我有两个JQuery UI自动完成输入字段。 如果在第一个选项中选择了一个选项,则选择的值将用作数据库查询的条件,该数据库查询将发送第二个自动完成字段的源数据。 我的问题是如何通过Post方法将第一个选择的值发送到PHP页面?

到目前为止的代码如下所示(此代码来自使用GET方法的教程;但我想使用Post):

<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>

有人可以帮忙吗? 如果您有任何问题,请随时与我们联系。

1 个答案:

答案 0 :(得分:0)

我找到的解决方案是在第一次自动完成时进行选择时使用AJAX创建源。

示例代码可在此处找到:https://stackoverflow.com/questions/12715204/assigning-source-for-jquery-autocomplete