Jquery 在使用district填充块之前添加nill值，依此类推，使用Ajax

我有一个代码，当选择了地区时，它会填充区块

但是，我想补充一点

选择

在用值填充块之前

示例：-

选择地区前

HTML刀片服务器

<div class="form-group has-feedback">
                   <label>District</label>
                   <select class="form-control" id="district" name="district">
                      <option value="">Select</option>
                      @foreach($district as $district)
                        <option value="{{$district->TDM_Dist_Code}}">{{$district->TDM_Dist_Name}}</option>
                      @endforeach
                   </select>
                </div>
                 <div class="form-group has-feedback">
                   <label>Block</label>
                   <select class="form-control" id="block" name="block">
                      <option value="" id="after_block">Select</option>
                   </select>
                </div>

地区
挑选
@foreach（$district as$district）
{{$district->TDM_Dist_Name}
@endforeach
块
挑选

您可以按如下方式清除select的内容：

$("#block").empty();

然后，在填充某个地区的新值时，只需使用：

$("#block").append("<option value=''>Select</option>");

$（“#块”）。追加（“选择”）；

将空选项附加到

因此，您的代码如下所示：

$('#district').on('change', function () {
    var district = $('#district').val();

    //console.log("State Name for Country",countryname);

    if (!district) {
        return;
    }
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    //Just before making ajax empty the select list, 
    // with this if your ajax fails, you wont have wrong data against district.
    $("#block").empty();

    $.ajax({
        type: 'GET',
        url: 'get-block?district=' + district,
        success: function (response) {
            // console.log(response);
            if (response) {

                $("#block").append("<option value=''>Select</option>");

                $.each(response, function (key, value) {
                    $("#block").append('<option value="' + value + '">' + key + '</option>');
                });
            }
        },

    }); //ajax ends

});

$（“#地区”）。关于（'change'，函数（）{
var district=$（'#district'）.val（）；
//console.log（“国家名称”，countryname）；
如果（！地区）{
返回；
}
$.ajaxSetup({
标题：{
'X-CSRF-TOKEN'：$（'meta[name=“CSRF-TOKEN”]）.attr（'content'））
}
});
//在让ajax清空选择列表之前，
//这样，如果ajax失败，您就不会有针对地区的错误数据。
$（“#块”）.empty（）；
$.ajax({
键入：“GET”，
url:'获取区块？地区='+地区，
成功：功能（响应）{
//控制台日志（响应）；
如果（答复）{
$（“#块”）。追加（“选择”）；
$。每个（响应、功能（键、值）{
$（“#块”）.append（“”+key+“”）；
});
}
},
})；//ajax结束
});

更改地区时是否只想清除街区列表？@rahull。对更改地区后清除阻止列表。但是在block listHi中应该有一个空值的选项，只需使用

$（“#block”）.append（“Select”）

清空Select-box@Swati但是，如何用块填充其余的数据？也就是说，应该有一个“``值（带有Select选项），其余的将是针对特定地区的

块

。是否始终在块列表中保留该空值？我的意思是在地区变化期间？

$("#block").empty();

$("#block").append("<option value=''>Select</option>");

$('#district').on('change', function () {
    var district = $('#district').val();

    //console.log("State Name for Country",countryname);

    if (!district) {
        return;
    }
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    //Just before making ajax empty the select list, 
    // with this if your ajax fails, you wont have wrong data against district.
    $("#block").empty();

    $.ajax({
        type: 'GET',
        url: 'get-block?district=' + district,
        success: function (response) {
            // console.log(response);
            if (response) {

                $("#block").append("<option value=''>Select</option>");

                $.each(response, function (key, value) {
                    $("#block").append('<option value="' + value + '">' + key + '</option>');
                });
            }
        },

    }); //ajax ends

});