View|Brush a field when selecting data in Select

Question

In this code appears the select with the Cities grouped in the way I want, but I would like to click on any of the 'store' options of the select to be opened in some table below the address of the selected store only.

HTML

<div> <select id="cities"></select> </div>

<div> <select id="loja selecionada"></select> </div>

JAVASCRIPT

var values = [
{ "Estado": "São Paulo",
  "OrderID": "Loja1",
  "Endereco":"Rua 10"},
{"Estado": "São Paulo",
  "OrderID": "Loja2",
  "Endereco":"Rua 10"}, 
{ "Estado": "São Paulo",
  "OrderID": "Loja3",
  "Endereco":"Rua 10"}, 
{ "Estado": "Rio de Janeiro",
  "OrderID": "Loja1",  
  "Endereco":"Rua 10"},
{ "Estado": "São Paulo", 
  "OrderID": "Loja4",
  "Endereco":"Rua 10"}, 
{ "Estado": "Mato Grosso",
  "OrderID": "Loja5",
  "Endereco":"Rua 10"},
{ "Estado": "São Paulo", 
  "OrderID": "Loja6",
  "Endereco":"Rua 10"}, 
{ "Estado": "Minas Gerais",
  "OrderID": "Loja1",
  "Endereco":"Rua 10"},
{ "Estado": "São Paulo",
  "OrderID": "Loja7",
  "Endereco":"Rua 10"},
{ "Estado": "Minas Gerais", 
  "OrderID": "Loja2",
  "Endereco":"Rua 10"}, 
{ "Estado": "São Paulo", 
  "OrderID": "Loja8",
  "Endereco":"Rua 10"}
];

var items = {},
base, key;
$.each(values, function(index, val) {
key = val.Estado;
if (!items[key]) {
   items[key] = [];
}
items[key].push(val.OrderID);
});

var $select = $('#cities');
$.each(items, function(index, val) {

var optgroup = $('<optgroup>');
    optgroup.attr('label', index);

$.each(val, function(index, val) {
    optgroup.append($('<option>', {
    text: val
    }));
});

$select.append(optgroup);
});

Answer 1

Change the options mount to save the index:

$.each(val, function(index, val) {
  optgroup.append($('<option>', {
    text: val,
    value: index //index
  }));
});

then just implement in select change to take the address and display in the field:

$('#cities').change(function() {
  var endereco = values[$(this).val()].Endereco;
  $('#endereco').text(endereco);
});

HTML:

<label>Endereço: <span id="endereco"></span></label>

Follows jsfiddle :)