Бутстрап Значение имени машинописный пара проблема

Question

У меня есть JSON данные, как показано ниже:

[ { "ID": 1 "Название": "FirstName" }, { "идентификатор": 2 "название": "secondName" } ]

Теперь я использую Bootstrap машинописный. Я хочу показать «имя» пользователям в раскрывающемся списке typeahead, но мне нужен соответствующий «id» «имя», выбранный пользователем, что мы делали в окне выбора. Мое требование что-то вроде этих

<select> 
    <option value="1">First Name</option> 
    <option value="2">Second Name</option> 
</select> 

Answer 1

Я не привык к Bootstrap машинописный, но когда я увидел его примеры после небольшого поиска, они не хвастаясь данные в виде меню выбора. Они показывают данные как теги div. Поэтому я не думаю, что это то, что вам нужно.

Поэтому я поделюсь этим решением jquery, чтобы создать то, что вам нужно, из массива данных, который вы предоставили.

Но, прежде всего, ваш массив данных представляет собой массив объектов, поэтому между элементом объекта и другим, должна быть запятая «,», это правда, за исключением последнего элемента.

Таким образом, ваш массив должен быть таким:

[ { "id": 1, "name": "firstName" }, { "id": 2, "name": "secondName" } ] 

И в Jquery решение, чтобы написать выберите тег, который вы хотите из этого массива, заключается в следующем:

var data=[ { "id": 1, "name": "firstName" }, { "id": 2, "name": "secondName" } ]; 
var el= document.createElement("select"); 
for (var i=0 ; i<data.length; i++){ 
    var child = "<option value='"+data[i].id+"'>"+data[i].name+"</option>"; 
    $(el).append(child); 
} 
document.body.appendChild(el); 

Это fiddle для Это.