Question

/ webresources / university / autocomplete（JSON webservice）：

＆＃13;

[{"fullName":"FACULTÉ DES SCIENCES TECHNIQUES DE TANGER","id":1,"name":"FST TANGER"},{"fullName":"ECOLE NATIONALE DES SCIENCES APPLIQUÉES DE TÉTOUAN","id":2,"name":"ENSA TETOUAN"}]

＆＃13;

<script>
$.ajax({
    url: '/webresources/university/autocomplete',
    dataType: 'json',
    type: 'GET',

    success: function (response) {
        var items = [];
        
        $.each(response, function (i,item) {
                items.push('<option>' + item.fullName + '</option>'); 
            });
                        
            $('#List-Group-University').append(items);
            alert(items[0])
        }
    });
</script>

＆＃13;

<select  id="List-Group-University" class="list-group" multiple>
        <option>bla bla</option>
        <option>bli bli</option>
</select>

＆＃13;

使用Bootstrap的list-group css类时，

选项标签不会附加在select标签中。如果我删除了＆＃39; class =＆＃34; list-group＆＃34;＆＃39;。

Answer 1

我认为它与bootstrap干扰无关。我设置了一个小提琴，显示了引导列表和非引导列表。它似乎工作正常，这可能是json设置的问题吗？

http://jsfiddle.net/2yaphLx7/4/

HTML

<select id="List-Group-University" multiple>
    <option>bla bla</option>
    <option>bli bli</option>
</select>

<select id="List-Group-University-BS" class="list-group" multiple>
    <option>bla bla</option>
    <option>bli bli</option>
</select>

的Javascript

var response = [{
    "fullName": "FACULTÉ DES SCIENCES TECHNIQUES DE TANGER",
        "id": 1,
        "name": "FST TANGER"
}, {
    "fullName": "ECOLE NATIONALE DES SCIENCES APPLIQUÉES DE TÉTOUAN",
        "id": 2,
        "name": "ENSA TETOUAN"
}];

var items = [];
$.each(response, function (i, item) {
    items.push('<option>' + item.fullName + '</option>');
});

$('#List-Group-University').append(items);
$('#List-Group-University-BS').append(items);

使用Bootstrap的list-group css class

1 个答案: