Taking information from a select and passing an array

Question

I want to take all the fields of one select and store them in a array. I thought I’d do it this way, but it didn’t work.

var lista = [];
lista = $('#Model').text();

---

$('#Model').append('<option value="' + data.ModelID + '">' + data.Name + '</option>');

Answer 1

1) In the click one-button:

var items = [];
$(function(){
  $('#btn1').on('click', function(){
    $('#select1 option').each(function(i,v)
    {
      items.push( {value: $(v).val(), text: $(v).text() } );
    });
    console.log(items);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="select1">
  <option value="1">Opt 1</option>
  <option value="2">Opt 2</option>
  <option value="3">Opt 3</option>
</select>

<button type="button" id="btn1">Transferir</button>

2) When loading the page:

var items = [];
$(function()
{  
    $('#select1 option').each(function(i,v)
    {
      items.push( {value: $(v).val(), text: $(v).text() } );
    });
    console.log(items);  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="select1">
  <option value="1">Opt 1</option>
  <option value="2">Opt 2</option>
  <option value="3">Opt 3</option>
</select>

Answer 2

You need to loop the items in the select#Model, and store the data of each <option> in the array.

var dados = [];

$('#Model select').each(function (i, select) {
    dados.push({
        Name: select.innerHTML,
        ModelID: select.value
    });
});

// dados[0].Name
// dados[1].Name