動的選択をフォームに作成する必要があります。モデルからデータを取得するコントローラー (CodeIgniter) から動的に取得するために、このコードを作成しました。
これはスクリプトです:
<script type="text/javascript">
$(document).ready(function(){
$("select#regione").change(function(){
$.getJSON("http://test:8888/ricerca/test",{id: $(this).val()}, function(dati){
var options = '';
for (var i = 0; i < dati.length; i++) {
options += '<option value="' + dati[i].valore + '">' + dati[i].etichetta + '</option>';
}
$("#provincia").html(options);
$('#provincia option:first').attr('selected', 'selected');
});
});
});
</script>
これはドロップダウン フォームです。
<form action="base_url().'ricerca'" method="post">
<select name="regione" id="regione">
<option value="">No option</option>
<option value="Lombardia">Lombardia</option>
<option value="Lazio">Lazio</option>
</select>
<select name="provincia" id="provincia">
</select>
</form>
そしてこれはコントローラーです:
class Ricerca extends CI_Controller
{
public function test()
{
$dati = array();
array_push($dati,array("valore"=>"ciao", "etichetta"=>"ciao"));
array_push($dati,array("valore"=>"mamma", "etichetta"=>"mamma"));
return json_encode($dati);
}
}
モデルでクエリを実行する前に、スクリプトが機能するかどうかを確認しますが、最初の選択で「Regione」というオプションを選択すると、スクリプトは何もしません