javascript - 如何在ajax调用后为select分配选项值

Question

我有这个html:

<select id="test"></select>

这个ajax代码:

<script>
function get(name){
if(name=(new RegExp('[?&]'+encodeURIComponent(name)+'=([^&]*)')).exec(location.search))
  return decodeURIComponent(name[1]);
}

//url: localhost/web/index.php?name='whatever'
var value = get('name');

$(document).ready(function(){
$('select').select2();  

$.ajax({
type: "POST",
url: 'getValues.php',
data: {'test': $("#test").val(),'isAjax':true},
dataType:'json',
success: function(data) {

   var select = $("#test"), options = '';
   select.empty();      
   for(var i=0;i<data.length; i++)
   {
    options += "<option value='"+data[i].id+"'>"+ data[i].name +"</option>";   
   }

   select.append(options);
}
});
});
</script>

我需要设置从 url 中获取的 select 值，即 (var value)。该值工作正常，因为我在警报中测试了它。

感谢任何帮助

Answer 1

1) 您可以在附加选项后使用 .val():

select.append(options);
select.val(value);

2)或者在构建选项 html 字符串时将 selected 属性添加到具有相同值的选项。

options += "<option value='"+data[i].id+"' "+(data[i].id == value ? "selected" : "") +">"+ data[i].name +"</option>";