Boa noite,
Estou utilizando CodeIgniter 3.1.9 em meu servidor padrão. Tenho um formulário que está abaixo. No caso , eu não consigo deixar que o Estado fica em uma Select e a Cidade se atualize com ajax conforme o estado escolhido. Ja tenho todas as Cidades e Estados no banco(com id de cada Estado). Não retorna nada no alert.
Ficaria muito agradecido por uma ajuda!
Obrigado.
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.js"integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="crossorigin="anonymous"></script>
<title>Cadastrar novos Médicos</title>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
</head>
<style>
.centralize {
justify-content:center;
align-items:center;
flex-direction:column;
}
</style>
<body>
<div class="container">
<div class="row centralize">
<h1>Cadastrar Novos Produtos</h1>
<form action="ativar/salvar" name="form_add" method="post" class="col-md-12">
<div class="row">
<div class="col-md-12">
<label>Nome</label>
<input type="text" name="nome" value="" class="form-control">
</div>
</div>
<div class="row">
<div class="col-md-12">
<label>telefone</label>
<input type="text" name="telefone" value="" class="form-control">
</div>
</div>,
<div class="row">
<div class="col-md-12">
<select name="estado" class="form-control" id="estados">
<?php
foreach ($estados as $estado) : ?>
<option>
<php $estado['nome'] ?>
<?php endforeach ?>
</option>
</select>
</div>
</div>
<script>
jQuery("#estados").on("change",function() {
var idEstado = jQuery("#estadoid").val();
alert(idEstado);
});
</script>
<div class="row">
<div class="col-md-12">
<button type="submit" class="btn btn-primary">Cadastrar</button>
</div>
</div>
</form>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</body>
</html>
var idEstado = this.value;
– Sam 15/01/19 às 7:41