通过javascript填充的下拉列表显示每个字符作为下拉选项

时间:2014-04-02 15:01:27

标签: javascript jquery ajax

我正在使用此javascript方法填充下拉列表 -

<script type="text/javascript">
    function openPopup()
    {
        $("#wrapper").html('');
        $.get('getClanLeads', function(data){

         var options = '';
         $.each(data, function(i,data){
            options +='<option value="'+ data +'">' + data + '</option>';
        });
         $("#wrapper").append('<select>' + options + '</select>');
         alert(data);
         location.href = "#divModalDialog1";
        });
    }

</script>

但是这会将数据的字符显示为下拉列表的选项。不是从数据库中获取的数据值。 数据从服务器返回 - [{&#34; USER_ID&#34;:3},{&#34; USER_ID&#34:4}] 但它会添加到下拉列表中,因为&#39; [&#39;,&#39; {&#39;,&#39;&#34;&#39;&#39; u&#39;,& #39; s&#39;,&#39; e&#39;,&#39; r&#39;,...

1 个答案:

答案 0 :(得分:1)

数据未被解释为JSON。将外部呼叫更改为:

$.get('getClanLeads', function(data){
  // ...
}, 'json');

应该有帮助。

之后,您需要注意每个元素的哪个部分使用:

$.each(data, function(i,item){
  options +='<option value="'+ item.user_id +'">' + item.user_id + '</option>';
});