无法将值设置为 select2 下拉菜单

Question

待办事项：在国家/地区下添加一个城市。然后尝试编辑城市记录。 我有：城市名称作为文本框，国家作为引导模式中的 Select2 下拉菜单，可使用页面上的“编辑”按钮访问。

问题 - 我无法在使用 ajax 调用从数据库检索的 select2 下拉列表中设置国家/地区的值。我尝试了所有可能的组合来设定价值。如果它是一个普通的下拉框，我可以设置值，但当它是一个 select2 框时则不能。

这是引导程序中选择 2 框的 html

<div class="modal fade" id="edit">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick = "location.reload(true);">
              <span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title"><b>Edit City</b></h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" method="POST" action="city_edit.php">
            <input type="hidden" class="catid" name="id">
            <input type="text" name="cityid" id="cityid" hidden>
            <div class="form-group">
                <label for="name" class="col-sm-3 control-label">City</label>
                <div class="col-sm-8">
                  <input type="text" class="form-control" id="cityname" name="cityname" required>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label">Country</label>
                <div class="col-md-8">
                    <select data-plugin-selectTwo class="form-control" name="country" id="country" required>
                            <option value = "">Select Country</option>
                            
                            <?php
                                $conn = $pdo->open();

                                try{
                                  $stmt = $conn->prepare("SELECT country_id,country FROM country where del_flg = 'N' and status = 1");
                                  $stmt->execute();
                                  foreach($stmt as $row)
                                  {
                                      $countryid = $row['country_id'];  
                                    $country = $row['country']; 
                                    
                                    echo "
                                      <option value='".$countryid."'>".$country."</option>
                                    ";
                                  }
                                }
                                catch(PDOException $e){
                                  echo $e->getMessage();
                                }

                                $pdo->close();
                              ?>
                        
                    </select>
                    
                </div>
            </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default btn-flat pull-left" data-dismiss="modal" onclick = "location.reload(true);"><i class="fa fa-close"></i> Close</button>
          <button type="submit" class="btn btn-success btn-flat" name="edit"><i class="fa fa-check-square-o"></i> Update</button>
          </form>
        </div>
    </div>
</div>

查询：

$(document).ready(function() {
    $('.js-example-basic-single').select2();
    
});

  $(document).on('click', '.edit', function(e){
    e.preventDefault();
    $('#edit').modal('show');
    var id = $(this).data('id');
    getRow(id);
  });

function getRow(id){
  $.ajax({
    type: 'POST',
    url: 'city_row.php',
    data: {id:id},
    dataType: 'json',
    success: function(response){
      $("input[type=text][name=cityname]").val(response.city);
 $('#country').val("1").trigger("change");
    }
  });
}

Answer 1

在您的 ajax 中，您可以像这样在您的国家/地区添加选项 （我想 response.country 是国家，要么你适应）：

function(response){
   var idx=1;
   countries=[];
    for(var i = 0;i< response.length;i++){
       if(countries.includes(response.country) continue;//country already in option?
       countries.push(response.country);//i keep the country in array
       $("#country").append(new Option(response.country, idx++));//add option to select
    }
     $("#country").select2();//initialize the select2
    
}