如何使用Ajax和Laravel将自动完成数据提取到它们所尊重的元素中？

这是我的问题

我正在尝试从自动完成的文本框中获取数据

有两个文本框：

地区和省

我已成功获取了以region为名称的文本框中的数据。 我的问题是，它为下一个以省为名称的文本框提供了相同的值

在我的Laravel刀片中，我有以下代码：

<input id="region"  type="text" class="form-control" name="region" value="" required autofocus>
<div id="regionList"> </div>

<input id="province"  type="text" class="form-control" name="province" value="" required autofocus>
<div id="provinceList"> </div>

在我的路线上我包括了这个

Route::post('/register/showRegion', 'LocationController@showRegion');
Route::post('/register/showProvince', 'LocationController@showProvince');

在我的控制器上是这个

public function index() {

        return view('auth.register');
    }

    function showRegion(Request $request)
    {
        if ($request->get('region'))
        {
            $region = $request->get('region');
            $regions = Refregion::where('regDesc', 'LIKE', "$region%")->get();

            $output = '<ul class="dropdown-menu" style="display:block; position:absolute;">';
            foreach($regions as $region)
            {
                $output .= '<li><a href="#">'.$region->regDesc.'</a></li>';
            }
            $output .= '</ul>';
            echo $output;
        }
    }

    function showProvince(Request $request)
    {
        if ($request->get('province'))
        {
            $province = $request->get('province');
            $province = Refprovince::where('provDesc', 'LIKE', "province%")->get();

            $output = '<ul class="dropdown-menu" style="display:block; position:absolute;">';
            foreach($provinces as $province)
            {
                $output .= '<li><a href="#">'.$province->provDesc.'</a></li>';
            }
            $output .= '</ul>';
            echo $output;
        }
    }

公共功能索引（）{
返回视图（'auth.register'）；
}
函数showRegion（请求$Request）
{
如果（$request->get（'region'））
{
$region=$request->get（'region'）；
$regions=Refregion:：where（'regDesc'，'LIKE'，“$region%”）->get（）；
$output='
；
foreach（$regions作为$region）
{
$output.='
'；
}
$output.='
'；
echo$输出；
}
}
函数showProvince（请求$Request）
{
如果（$request->get（'province'））
{
$province=$request->get（'province'）；
$province=Refprovince:：where（'provDesc'，'LIKE'，'province%'）->get（）；
$output='
；
foreach（$省为$省）
{
$output.='
'；
}
$output.='
'；
echo$输出；
}
}

我试图弄明白，当我选择了地区时，为什么它会给另一个文本框“省”赋予相同的值

有人能帮我吗，或者至少向我解释一下为什么会这样

谢谢你改变它

$(document).on('click', 'li', function() {
    $('#region').val($(this).text());
    $('#regionList').fadeOut();
});

$(document).on('click', 'li', function() {
    $('#province').val($(this).text());
    $('#provinceList').fadeOut();
});

关于这个

$('#regionList').on('click', 'li', function() {
    $('#region').val($(this).text());
    $('#regionList').fadeOut();
});

$('#provinceList').on('click', 'li', function() {
    $('#province').val($(this).text());
    $('#provinceList').fadeOut();
});

并改变它

$(document).on('click', 'li', function() {
    $('#province').val($(this).text());
    $('#provinceList').fadeOut();
});

关于这个

$('#regionList').on('click', 'li', function() {
    $('#region').val($(this).text());
    $('#regionList').fadeOut();
});

$('#provinceList').on('click', 'li', function() {
    $('#province').val($(this).text());
    $('#provinceList').fadeOut();
});

改变它

$(document).on('click', 'li', function() {
    $('#region').val($(this).text());
    $('#regionList').fadeOut();
});

$(document).on('click', 'li', function() {
    $('#province').val($(this).text());
    $('#provinceList').fadeOut();
});

关于这个

$('#regionList').on('click', 'li', function() {
    $('#region').val($(this).text());
    $('#regionList').fadeOut();
});

$('#provinceList').on('click', 'li', function() {
    $('#province').val($(this).text());
    $('#provinceList').fadeOut();
});

并改变它

$(document).on('click', 'li', function() {
    $('#province').val($(this).text());
    $('#provinceList').fadeOut();
});

关于这个

$('#regionList').on('click', 'li', function() {
    $('#region').val($(this).text());
    $('#regionList').fadeOut();
});

$('#provinceList').on('click', 'li', function() {
    $('#province').val($(this).text());
    $('#provinceList').fadeOut();
});

---

谢谢，这是正确的。我用了另一种方式，在li身上加上id，但似乎你的这个解决方案更适合于帮助她谢谢，这是正确的。我用了另一种方式，在li身上加上id，但似乎你的这个解决方案更适合于帮助她