Exercici4 axax jquery

De wikiserver
La revisió el 17:47, 27 abr 2022 per Jcomas (Discussió | contribucions) (Es crea la pàgina amb «== Programa de client '''exercici4.html''' amb JQUERY == <source lang=html> <html> <body> <h1>exercici 4 AJAX</h1> <label>Escull una ciutat:</label> <select name="c...».)
(dif) ← Versió més antiga | Versió actual (dif) | Versió més nova → (dif)
Dreceres ràpides: navegació, cerca

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>