Exercici4 axax jquery

De wikiserver
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>