Bagaimana jika Anda ingin mengirimkan parameter tambahan (yang dinamik) ke jQuery tokenInput ?
Misal, Anda memiliki form seperti berikut, dimana salah satu fieldnya, menggunakan jQuery tokenInput, dalam hal ini adalah field Kode Soal.
Ketika menggunakan inisialisasi default jQuery tokenInput seperti berikut :
<?php $pre_populate = $sf_data->getRaw('pre_populate');?>
<script type="text/javascript">
jQuery(function(){
$("#kode_soal").tokenInput("<?php echo url_for("@pengaturan_kelompok_soal?act=get_kode_soal");?>",{
theme: "facebook",
<?php if($pre_populate) {?>
prePopulate: <?php echo $pre_populate ;?>
<?php } ?>
});
}) ;
</script>
Maka yang terikirim hanya parameter q, yaitu paramater yang kita ketikkan pada field Kode Soal. Bagaimana caranya kalau kita ingin mengirimkan parameter Jenis Soal juga ? Jawabannya ada di [1].
Maka script diatas akan menjadi seperti berikut :
<?php $pre_populate = $sf_data->getRaw('pre_populate');?>
<script type="text/javascript">
jQuery(function(){
$("#kode_soal").tokenInput(lookupKodeSoal,{
theme: "facebook",
<?php if($pre_populate) {?>
prePopulate: <?php echo $pre_populate ;?>
<?php } ?>
});
}) ;
function lookupKodeSoal() {
var jenis_soal = $("#jenis_soal").val() ;
return "<?php echo url_for("@pengaturan_kelompok_soal");?>?act=get_kode_soal&jenis_soal="+jenis_soal ;
}
</script>
Berikut adalah output dari firebug-nya :
Referensi
Allow functions as URL, https://github.com/loopj/jquery-tokeninput/pull/77