Varios selects com javascript

[muriloventuroso 0]

Olá,

 

Estou desenvolvendo um sistema de simulação onde o usuario seleciona o Estado, o javascript carrega a cidade. Com um formulario está funcionando corretamente. Mas como faço para ter varios formularios desse na mesma pagina, sem ter que repetir o código javascript para cada uma?

 

Abaixo está o código:

 

HTML:

<form id="default-search" method="get" action="index.php">
<select onChange="buscarCidade(this.value)" name="estado" id="estado">
<option value="">-Estado-</option>

</select>
<select name="cidade" id="cidade">

</select>

<div id="resultado"></div>

 

Javascript:

 

$(document).ready(function () {
$.getJSON('estados_cidades.json', function (data) {

var items = [];
var options = '<option value="">-Estado-</option>';

$.each(data, function (key, val) {
options += '<option value="' + val.nome + '">' + val.nome + '</option>';
});
$('select[name^=estado]').html(options);
$('select[name^=estado]').change(function () {
var options_cidades = '';
var str = "";
$("select[name^=estado] option:selected").each(function () {
str += $(this).text();
});
$.each(data, function (key, val) {
if(val.nome == str) {
$.each(val.cidades, function (key_city, val_city) {
options_cidades += '<option value="' + val_city + '">' + val_city + '</option>';
});
}
});

$('select[name^=cidade]').html(options_cidades);
}).change();
});
});

 

[xanburzum 169]

Vários formulários ou campos ?

[muriloventuroso 0]

vários campos, desculpe...