Exercici4 axax jquery
De wikiserver
Programa de client exercici4.html amb JQUERY
<html>
<body>
<h1>exercici 4 AJAX</h1>
<label>Escull una ciutat:</label>
<select name="ciutat" id="ciutat">
<option value="-">---------</option>
<option value="barcelona">Barcelona</option>
<option value="lacoruna">La Coruña</option>
<option value="madrid">Madrid</option>
<option value="sevilla">Sevilla</option>
</select>
<br><br>
<label>Escull un barri:</label>
<select name="barri" id="barri">
<option value="-">---------</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script lang="javascript">
$("#ciutat").on("change",canvi_ciutat);
function canvi_ciutat() {
$.get("exercici4.php",{q:$("#ciutat").val()},function (data,textStatus, jqXHR){
$("#barri").html("");
var arr_barris=(data).split(",");
for(var _barri of arr_barris) {
$("#barri").append("<option>"+_barri+"</option>");
}
});
}
</script>
</body>
</html>