Se executarem o código verão que o segundo formulário é influenciado pelo primeiro e não pega os dados referente a ele próprio. Claro que isso é uma falha no meu jQuery. O primeiro formulário funciona perfeitamente, já o segundo pega sempre o último valor enviado pelo primeiro.
Eu preciso que cada um envie seus dados independente da classe estado
se repetir nos dois formulários. Esta informação é posteriormente enviada para um Ajax que fará uma consulta no banco de dados.
Estes formulários dividem a mesma página e tem as mesmas classes trocando simplesmente o id do formulário. O que parece é que ele sempre executa o formulário que vier primeiro e depois para de executar justamente pelo fato dos selects terem a mesma classe.
Podem me ajudar?
function buscar_cidades(e){
var formid = $(e).closest("form").attr("id");
var estado = $(".estado").val();
alert(estado);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form id="fpf" class="" method="post" action="">
<select name="estado" class="estado" onchange="buscar_cidades(this)">
<option value=""></option>
<option value="000001">AC</option>
<option value="000002">AL</option>
<option value="000003">AM</option>
</select>
</form>
<form id="fpj" class="" method="post" action="">
<select name="estado" class="estado" onchange="buscar_cidades(this)">
<option value=""></option>
<option value="000001">AC</option>
<option value="000002">AL</option>
<option value="000003">AM</option>
</select>
</form>