Lokasi jQuery Note: change podes_webapp URL in production mode If needed, also change provinsi, kabupaten, kecamatan and desa fieldname == Identification== Example : var elprovinsi = "936171X631X19227"; 936171 = Survey ID 631 = Group ID 19227 = Question ID

lokasi.js

<script type="text/javascript">
jQuery(document).ready(function($) {
	var podes_webapp = "../../index.php/potensi";
	var elprovinsi = "936171X631X19227";
	var elkabupaten = "936171X631X19229";
	var elkecamatan = "936171X631X19231";
	var eldesa = "936171X631X19233";
	
	// Create Drop downlist and hide original element
	// Elemen Provinsi
	$("#answer"+elprovinsi).hide();
	$('<select name="PotensiForm[provinsiid]" id="PotensiForm_provinsiid"><option value="" selected="selected">--Choose Province--</option></select>').insertAfter("#answer"+elprovinsi);

        $.ajax({
		url: podes_webapp+"/getprovinsi",
		success: function(data) {
			$('#PotensiForm_provinsiid option:gt(0)').remove();
			$('#PotensiForm_provinsiid').append(data);
		}
	});

	$("#answer"+elprovinsi).val('0');
	$('#PotensiForm_provinsiid').change(function() {
	  $("#answer"+elprovinsi).val($("#PotensiForm_provinsiid option[value='"+$(this).val()+"']").text());
	});

	// Elemen Kabupaten
	$("#answer"+elkabupaten).hide();
	$('<select name="PotensiForm[kabupatenid]" id="PotensiForm_kabupatenid"><option value="" selected="selected"></option><option value="11">Nama Kabupaten</option></select>').insertAfter("#answer"+elkabupaten);

	$("#answer"+elkabupaten).val('0');
	$('#PotensiForm_kabupatenid').change(function() {
	  $("#answer"+elkabupaten).val($("#PotensiForm_kabupatenid option[value='"+$(this).val()+"']").text());
	});

	// Elemen Kecamatan
	$("#answer"+elkecamatan).hide();
	$('<select name="PotensiForm[kecamatanid]" id="PotensiForm_kecamatanid"><option value="" selected="selected"></option><option value="12">Nama Kecamatan</option></select>').insertAfter("#answer"+elkecamatan);

	$("#answer"+elkecamatan).val('0');
	$('#PotensiForm_kecamatanid').change(function() {
	  $("#answer"+elkecamatan).val($("#PotensiForm_kecamatanid option[value='"+$(this).val()+"']").text());
	});

	// Elemen Desa
	$("#answer"+eldesa).hide();
	$('<select name="PotensiForm[desaid]" id="PotensiForm_desaid"><option value="" selected="selected"></option><option value="13">Nama Desa</option></select>').insertAfter("#answer"+eldesa);

	$("#answer"+eldesa).val('0');
	$('#PotensiForm_desaid').change(function() {
	  $("#answer"+eldesa).val($("#PotensiForm_desaid option[value='"+$(this).val()+"']").text());
	});
  
	// Dynamically update dropdownlist
	$('#PotensiForm_provinsiid').change(function() {
		$.ajax({
			type: 'POST',
			url: podes_webapp+"/getkabupaten",
			data: { provinsiid : $('#PotensiForm_provinsiid').val() },
			success: function(data) {
				$("#PotensiForm_kabupatenid").val(null).trigger("change"); 
				$('#PotensiForm_kabupatenid option:gt(0)').remove();
				$("#PotensiForm_kabupatenid").append(data);
			}
		});
	});

	$('#PotensiForm_kabupatenid').change(function() {
		$.ajax({
			type: 'POST',
			url: podes_webapp+"/getkecamatan",
			data: { kabupatenid : $('#PotensiForm_kabupatenid').val() },
			success: function(data) {
				$("#PotensiForm_kecamatanid").val(null).trigger("change"); 
				$('#PotensiForm_kecamatanid option:gt(0)').remove();
				$("#PotensiForm_kecamatanid").append(data);
			}
		});
	});

	$('#PotensiForm_kecamatanid').change(function() {
		$.ajax({
			type: 'POST',
			url: podes_webapp+"/getdesa",
			data: { kecamatanid : $('#PotensiForm_kecamatanid').val() },
			success: function(data) {
				$("#PotensiForm_desaid").val(null).trigger("change"); 
				$('#PotensiForm_desaid option:gt(0)').remove();
				$("#PotensiForm_desaid").append(data);
			}
		});
	});

});
</script>

Lokasi jQuery
Note: change podes_webapp URL in production mode If needed, also change provinsi, kabupaten, kecamatan and desa fieldname

Identification

Example : var elprovinsi = "936171X631X19227";

936171 = Survey ID

631 = Group ID

19227 = Question ID