Question

<select class="one"></select>
<select class="two"></select>

以下是我需要根据选择1

中的选择更改选择2选项的两个选项

注意： 这两个选项的两个选项来自数据库

Answer 1

在这种情况下你必须使用ajax。请参考以下示例，我将根据国家/地区采取行动：

Ajax代码：

$('#country').change(function(){
    $.ajax({
       type:'POST',
       url:"{{ url('getStates')}}",
       data: {
            country: $(this).val(),
            '_token': '{{ csrf_token() }}',
        },
       success : function(data){
            var data = JSON.parse(data);
            var option = '<option value="">--- state ---</option>';
            for(var i in data){
                option += '<option value="'+data[i].id+'">'+data[i].name+'</option>';
            }
            $("#state").html(option);
       }
    });

});

Php代码：

public function getStates(Request $request)
    {
        $states = DB::table('states')
            ->where('country_id', $request->country)
            ->orderBy('name', 'ASC')
            ->get();

        echo json_encode($states);
    }

根据PHP AJAX的第一个选择选项选择更改选择选项

1 个答案: