Taking Dropdown’s Name and ID

Question

I have this Javascript that arrow the values to the Dropdown:

$('#Estado').change(function () {
var id = $(Estado).val();

    $(function buscarCidade() {
        //alert(id);
        var url = '@Url.Action("SelecaoCidade", "Chamada")';//url do controller que passará a informação
        $.post(url, { id: id },

             function (data) {//Caso o retorno dê certo
                 //window.alert(data.length);
                 $('#Cidade').children().remove();
                 if (data.length > 0) {
                     $.each(data, function (index, value) {
                         $('#Cidade').append('<option value="' + value.Id + '">' + value.Nome + '</option>');
                     });
                 } else {
                     var novaOpcao = $('<option value=""></option>');
                     $('#Cidade').append(newOption);
                 }//fim if else

             });//fim do post

    });//BuscarCidade

});//Estado

I need to get the name and ID of the cities that were entered, and I tried to use these code snippets to get the id, but it didn’t roll:

var idCid = City.value;

var idCid = $(City). val();

var idCid = City.index;

Answer 1

To get the values of select you can use:

$("#cidade").change(function(){
  var idCid = $(this).attr("id")
    , valor = $(this).val()
    , nome = $(this).attr("name");
  console.log(idCid, nome, valor);  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="cidade" name="cidade">
  <option value="">Selecione</option>
  <option value="SP">São Paulo</option>
  <option value="CT">Curitiba</option>
</select>

Answer 2

From what I read in the papers, json sent in response to a request POST does not own the property id and yes CidadeID, then in your code just replace where you have:

value.id

For:

value.CidadeID

Thus will be assigned the id correctly to each option.