如何根据另一个文本框的值使用 jQuery 自动完成文本框

Question

我正在使用 2 个文本框，这些文本框将使用自动完成机制来完成。这是一个 codeigniter 项目。要填充的值是使用模型从数据库中选取的。在第一个文本框中，它与以下代码一起正常工作。

$(function() {
    $("#textbox1").autocomplete({
    source:'<?php echo site_url('controller_name/function_name/arg1/arg2'); ?>'
    });
});

在第二个文本框中，要填充的值取决于 textbox1 的值。那么如何在 site_url() 函数中使用 textbox1 的值。

$(function() {
    var data=$("#textbox1").val();
    $("#textbox2").autocomplete({
        source:"<?php echo site_url('controller_name/function_name/arg1/"+data+"');  ?>"

    });
});

上面的方法我试过了。但是，变量数据没有获得任何价值。

Answer 1

稍微改变控制器功能。不要将 texbox1 值作为 arg2 发送，而是使用 AJAX 发布它。并使用$_POST['data'] 在函数内部接收它。原样发送 arg1 并发布 arg2 值。

$(function() {
               $( "#textbox2" ).autocomplete({
                   source: function(request, response) {
                       $.ajax({ url:"<?php echo site_url('controller_name/function_name/arg1');?>",
                       data:{'request':$("#textbox1").val()},
                       dataType: "json",
                       type: "POST",
               success: function(data){
                           response(data);
                       }
                   });
               },
               });
           });

Answer 2

稍微改变控制器功能。不要将texbox1 值作为参数2 发送，而是使用AJAX 发布它。并使用$_POST['data'] 在函数内部接收它。

$(function() {
               $( "#textbox2" ).autocomplete({
                   source: function(request, response) {
                       $.ajax({ url:"<?php echo site_url('controller_name/function_name/arg1');?>",
                       data:{'request':$("#textbox1").val()},
                       dataType: "json",
                       type: "POST",
               success: function(data){
                           response(data);
                       }
                   });
               },
               });
           });