如何选择默认值下拉列表内选择2莫代尔自举？

Question

我有一个引导模式，内带一个选择2下拉列表：

<div class="modal fade" id="modal_form" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            ...
            <div class="form-group">
                 <label class="control-label col-md-3">Artist</label>
                 <div class="col-md-9">
                    <select name="artist" class="form-control" id="dropartist"></select>
                    <span class="help-block"></span>
                </div>
            </div>

功能时调用来设置下拉引导：

$('#modal_form').on('shown.bs.modal', function () {
  console.log("OK");
  $.ajax({
    type: "POST",
    //data: {dropartist: dropartist},
    url: 'Manage/get_artists',
    dataType: 'json',
    success: function(response) {
      var $el = $("#dropartist");
      $el.empty(); // remove old options
      var len = response.length;
      for( var i = 0; i<len; i++){

        var id = response[i]['id'];
        var name = response[i]['name'];

        $el.append("<option value='"+id+"'>"+name+"</option>");
      }
    }
  });
});

函数来加载数据来引导：

function edit(id){
  save_method = 'update';
  $('#form')[0].reset(); // reset form on modals
  $('.form-group').removeClass('has-error'); // clear error class
  $('.help-block').empty(); // clear error string    
  //Ajax Load data to modal
  $.ajax({
    url : "<?php echo base_url('Manage/edit')?>/" + id,
    type: "GET",
    dataType: "JSON",
    success: function(data)
    {

      $('[name="id"]').val(data.id);
      $('[name="name"]').val(data.name);
      $("#dropartist").val(data.artistid).trigger("change"); //select dropdown default 
      $('[name="reason"]').val(data.reason);
      $('#modal_form').modal('show'); // show bootstrap modal when complete loaded
      $('.modal-title').text('Edit Artist'); // Set title to Bootstrap modal title

    },
    error: function (jqXHR, textStatus, errorThrown)
    {
      alert('Error get data from ajax');
    }
  });
}

我尽量选择下拉菜单中，但它不能正常工作。我该如何解决这个问题？非常感谢您为您在这个问题上的时间和帮助。

Answer 1

你的选择是空的，没有项目进行选择。所以第一关，当你要更新的选择，你必须插入<options></options>，而不是设置的值。所以basicly data.artistid（或其他VAR）必须包含一个HTML字符串这样

<option value="value-1" selected="selected">Name</option>
<option value="value-2">Name</option>
<option value="value-3">Name</option>

然后，你有你的jQuery改变

$("#dropartist").html(data.artistid);

之后，你可以改变所选择的项目。

Answer 2

固定的，我得到了所有下拉列表值，然后选择我的PHP控制器内正确的价值，并通过通过AJAX来bootrap模式。由于@KHansen的意见。