Jquery Select получить значение объекта массива

Question

Я ищу что-то, что можно легко и быстро повторить или лучший способ для добавления из объекта массива JavaScript с помощью jQuery , а может отправить объект массива JavaScript с помощью jQuery * * 1005

Вот что я сделал:

 var view = [{id:123, name:john, type:5},{id:234, name:adam, type:4},{id:456, name:max, type:3}]

    var dis = $.map(view, function (item) {
       var opt = $('<option/>', { selected:'selected', text: item.name})
       return opt
     });
     $(".select-js-view").append(dis);

Результат от выбора:

var selectedValues = $('.select-js-view').val();
console.log(selectedValues);

selectedValues = [john,adam]

Итак, мой вопрос, как я могу получить значения объектов массива, такие как (представление)? или, может быть, кто-то может дать мне подсказку на это.

Answer 1

сначала: вы должны поставить имена в знак ".

Теперь вы можете попробовать это.

var view = [{id:123, name:"john", type:5},{id:234, name:"adam", type:4},{id:456, name:"max", type:3}]

    var dis = $.map(view, function (item) {
       var opt = $('<option/>', { selected:'selected', text: item.name});
       opt[0].info = item;
       return opt
     });
     $(".select-js-view").append(dis);
     
     $(".select-js-view").change(function(){
         console.log($(this.options).filter(":selected")[0].info);
     });
     
     //If you want to get all (similar view var):
     function GetAll(){
        var r=[];
        $(".select-js-view option").each(function(i, o){
            r.push(o.info);
        });
        return r;
     }
     console.log(GetAll());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<b style='color: #090'>change me:</b> 
<select class="select-js-view"></select>