Как автоматически выбрать выпадающий Ajax в Javacsript на основе значения

Question

Как мы можем автоматически выбрать раскрывающийся список ajax, который выбирается с помощью ajax из таблицы базы данных и заполняется в поле выбора.

вот мой код, и он, похоже, не работает.

<script>
$(document).ready(function(){

    $("#visitcountry").change(function(){
        var countryfrom = "India";
        var department = $(this).val();
        var tablename = "country";
        var res = dbnm.concat(department);
        $('.overlay').show();
        $.ajax({
            url: '<?= base_url();?>index/countries',
            type: 'post',
            data: {dest:res},
            dataType: 'json',
            success:function(response){
                console.log(response);
                var len = response.length;

                $("#countryby").empty();
                for( var i = 0; i<len; i++){
                    var id = response[i]['id'];
                    var name = response[i]['cityname'];
                    $("#countryby").append("<option data-nation='"+name+"' value='"+name+"' "+ (countryfrom.trim() == name.trim()) ? 'selected' : '' +">"+name+"</option>");
                    //$("#countryby").append("<option data-nation='"+name+"' value='"+name+"'>"+name+"</option>"); -this option works and populate dropdown but i want auto selection based on countryfrom variable
                }
               $('.overlay').hide();            
            }
        });
    }).trigger('change');

});
</script> 

это мое поле выбора

<select class="countryby" name="countryby" id="countryby">
  <option value="0">- Select -</option>
 </select>

Примечание: я передал переменную php в "var countryfrom" и проверил с помощью одиночных опций, но ни один из них не сработал, проблема в том, что он не заполняет раскрывающийся список.

Answer 1

Вы можете сделать это в вашей функции success:

success:function(response){
    console.log(response);
    var len = response.length;

    $("#countryby").empty();
    for( var i = 0; i<len; i++){
        var id = response[i]['id'];
        var name = response[i]['cityname'];
        $("#countryby").append("<option data-nation='"+name+"' value='"+name.trim()+"'>"+name+"</option>");
    }
   $('.overlay').hide();    

   // Setting value for select
   $("#countryby").val(countryfrom.trim()).change()
}