Unlimited select chain AJAX

vito says:

1 November 2009 at 12:55

Pak Jawaad,
Klo saya menggunakan clean url teknik pemaanggilan parameternya bagaimana ya pak

onChange=\”jin_ajax_req(‘?kecamatan=’ + this.value + ”, ‘div_desa’);\”>”;

sementara url saya adalah http://localhost/app/controller/method.php

mohon pencerahannya, Terima kasih banyak.

Salam,
Vito

Reply

Jawaad says:

1 November 2009 at 18:55

Pak Vito,
Silahkan sesuaikan AJAX url dengan clean url nya.
menjadi:

onChange=\”jin_ajax_req(’http://localhost/apikasi_test/ajax_ambil_data/kecamatan/’ + this.value + ”, ‘div_desa’);\”>”;

1	onChange=\”jin_ajax_req(’http://localhost/apikasi_test/ajax_ambil_data/kecamatan/’ + this.value + ”, ‘div_desa’);\”>”;

lalu di controller mngkin kira2 spt ini gambarannya:

function ajax_ambil_data($model, $data) {
	switch($model) {
		case 'kecamatan':
			// 
		break;
		case 'kabupaten':
			// 
		break;
	}

}

1

2

3

4

5

6

7

8

9

10

11

function ajax_ambil_data($model, $data) {

switch($model) {

case 'kecamatan':

//

break;

case 'kabupaten':

//

break;

}

terimakasih atas komentarnya

Reply

Frey says:

3 November 2009 at 14:27

mas…kalo mw ngambil isi combobox nya dari database gimana dunk ??

Reply

Jawaad says:

4 November 2009 at 21:42

@Frey, tergantung databasenya… pakai saja perintah ambil data dari database… seperti biasa pada umumnya..
kalau blm bisa, coba baca dan pelajari dasar pemanggilan database yg bersangkutan..

Reply

dudu says:

26 December 2009 at 10:50

Saya mau tanya tentang clean URL tadi, bisa ga diganti variabel? Soalnya pas saya coba pake CI trus saya buat onChange=”jin_ajax_req(\’/barang/findSub/\’ + this.value + \’\’, \’div_sgbi\’);”

tidak jalan

Reply

Jawaad says:

26 December 2009 at 19:08

@dudu, udah cek di firebugs apa error nya?
mungkin dicoba juga dengan “base_url” nya CI udah blm?
http://codeigniter.com/user_guide/helpers/url_helper.html

atau coba aja langsung test alamat lengkap URL nya.. jalan gak..
contoh:

onChange=\”jin_ajax_req(’http://localhost/barang/findSub/’ + this.value + ”, ‘div_sgbi’);\”>”;

1	onChange=\”jin_ajax_req(’http://localhost/barang/findSub/’ + this.value + ”, ‘div_sgbi’);\”>”;

jangan lupa div dengan id “div_sgbi” nya.

Reply

Adi Suwarso says:

29 December 2009 at 18:51

mas Jawaad terima kasih lagi untuk script yang satu ini, saya sedang coba terapkan script ini di intranet saya, scriptnya kira-kira jadi seperti dibawah ini:

  if(isset($_GET['departmentcode'])) {
    echo "";
    $positionlist=mysql_query("SELECT * FROM table_position WHERE department_code='$departmentcode'");
    while($data=mysql_fetch_array($positionlist)){
      echo "$data[position_name]";
    }
    echo "";
    exit();
  }
  $departmentlist=mysql_query("SELECT * FROM department");
  echo "   Department : ";
  echo "";
  while($data=mysql_fetch_array($departmentlist)){
    echo "$data[dept_name]";
  }
  echo "";
  echo "";

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

if(isset($_GET['departmentcode'])) {

echo "";

$positionlist=mysql_query("SELECT * FROM table_position WHERE department_code='$departmentcode'");

while($data=mysql_fetch_array($positionlist)){

echo "$data[position_name]";

}

echo "";

exit();

}

$departmentlist=mysql_query("SELECT * FROM department");

echo " Department : ";

echo "";

while($data=mysql_fetch_array($departmentlist)){

echo "$data[dept_name]";

}

echo "";

tapi kenapa kok tampilan web saya jadi berantakan, apa penyebabnya CSS ya?

Reply

Jawaad says:

29 December 2009 at 21:43

iya mas Adi… kalau display kemungkinan besar CSS dan HTML nya, kalau di contoh yg saya bikin div nya pake class inline, dan saya kasih di CSS nya inline (display: inline), supaya gak kebawah, tetep disamping kanan muncul div nya…
ya tergantung kebutuhan jg seh, kalau pengen nya dibawahnya, ya tinggal diubah aja kasih br atau tabel atau gimana aja bebas mas

Reply

Adi Suwarso says:

30 December 2009 at 17:24

sekalian sharing aja ya mas 🙂
akhirnya saya ketemu metoda seperti ini (maaf panjang) :

function ShowDiv(selectbox){
  var opts=selectbox.options;
  for(i=1; i<opts.length; i++){
    document.getElementById(opts[i].value).style.display=opts[i].selected ? "inline" : "none";
  }
}



<?php
  //write dropdown for department
  echo "   Department: ";
  $departmentlist=mysql_query("SELECT * FROM department");
  echo "Select Department";
  while($data=mysql_fetch_array($departmentlist)){
    echo "$data[dept_name]";
  }
  echo "";
  //prepare dropdown for position in all department
  $departmentlist=mysql_query("SELECT * FROM department");
  while($data=mysql_fetch_array($departmentlist)){
    $positionlist=mysql_query("SELECT * FROM table_position WHERE dept_code='$data[dept_code]' ORDER BY dept_code,pos_name ASC");
    $totpos=mysql_num_rows($positionlist);
    if($totpos<1) echo "";
    else{
      echo "";
      echo "   Position: ";
      echo "";
      while($position=mysql_fetch_array($positionlist)){
        echo "$position[pos_code]. $position[pos_name]";
      }
      echo "";
      echo "";
    }
  }
?>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

function ShowDiv(selectbox){

var opts=selectbox.options;

for(i=1; i<opts.length; i++){

document.getElementById(opts[i].value).style.display=opts[i].selected ? "inline" : "none";

}

<?php

//write dropdown for department

echo " Department: ";

$departmentlist=mysql_query("SELECT * FROM department");

echo "Select Department";

while($data=mysql_fetch_array($departmentlist)){

echo "$data[dept_name]";

}

echo "";

//prepare dropdown for position in all department

$departmentlist=mysql_query("SELECT * FROM department");

while($data=mysql_fetch_array($departmentlist)){

$positionlist=mysql_query("SELECT * FROM table_position WHERE dept_code='$data[dept_code]' ORDER BY dept_code,pos_name ASC");

$totpos=mysql_num_rows($positionlist);

if($totpos<1) echo "";

else{

echo "";

echo " Position: ";

echo "";

while($position=mysql_fetch_array($positionlist)){

echo "$position[pos_code]. $position[pos_name]";

}

echo "";

}

?>

hasilnya jalan seperti yang saya inginkan, tapi anehnya data yang di POST tidak sesuai, setelah saya pilih position di 2 yang ke postnya selalu yang terakhir (21).

kira-kira dimana masalahnya ya?
maaf ngerepotin 🙂 🙁

Reply

Adi Suwarso says:

30 December 2009 at 17:31

duh,,, codenya banyak yang kepotong-potong…

Reply

Jawaad says:

30 December 2009 at 23:32

Mas Adi, untuk menjawab permasalahan yg diatas memang agak kurang jelas, dan blm cukup lengkap script nya,.. ada baiknya supaya tidak rancu dlm pembahasan, bagaimana kalau dibahas di ruang forum, disana bebas bisa lebih panjang tulisan dan untuk bahasa code mudah, dengan tanda:

 [code=php]
// kode
[/code]

1

2

3

[code=php]

// kode

[/code]

bisa dibahas disini http://www.nusansifor.com/forum
nanti kita bahas disana sama2 cari solusi nya…
terimakasih atas masukan dan komentarnya.

Reply

Adi Suwarso says:

2 January 2010 at 11:07

ok mas,,, sorry & makasih,,, saya register di forum 😉

Reply

ndoel says:

23 July 2010 at 10:05

Kalo untuk form editnya gimana ya bos?, saya udah implementasikan hal ini untuk bikin form data kecamatan dan desa. Semua udah bisa (untuk input data). Lalu saya ingin membuat form editing datanya.

Nah permasalahannya adalah : di form editing datanya itu langsung nampil 2 select (select kecamatan dan desa), dengan kondisi “selected”nya pada nama kecamatan dan nama desa yang sudah diinput sebelumnya. Kalo si user mo ubah datanya baru deh select desa tidak ter- selected.

Kasus itu saya masih bingung bos. Tolong pencerahannya ya, makasih.

Reply

Jawaad says:

21 June 2011 at 02:52

@ndoel, cara untuk form edit mudah saja, gunakan javascript di dalam BODY HTML.
Contoh:

<html>
<body>
<form>
<div id="div_propinsi"></div>
<div id="div_kabupaten"></div>
<div id="div_kecamatan"></div>
<div id="div_desa"></div>
</form>
<script type="text/javascript">
	jin_ajax_req("alamat.php?propinsi=1", 'div_propinsi');
	jin_ajax_req("alamat.php?kabupaten=1", 'div_kabupaten');
	jin_ajax_req("alamat.php?kecamatan=1", 'div_kecamatan');
	jin_ajax_req("alamat.php?desa=1", 'div_desa');
</script>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<html>

<body>

<form>

</form>

jin_ajax_req("alamat.php?propinsi=1", 'div_propinsi');

jin_ajax_req("alamat.php?kabupaten=1", 'div_kabupaten');

jin_ajax_req("alamat.php?kecamatan=1", 'div_kecamatan');

jin_ajax_req("alamat.php?desa=1", 'div_desa');

</script>

</body>

</html>

Catatan:
Asumsi bahwa data menggunakan ID, dan id propinsi, id kabupaten dan id kecamatan adalah 1.
Dan ID ini bersifat dinamis tergantung isi datanya.
Silahkan sesuikan dgn script Anda.

Reply

jehan says:

2 August 2011 at 12:21

saya ganti seperti ini pak jawaad..
onChange=”jin_ajax_req(‘select.asp?ambil=kab&IdKabNya=’ + this.value + ”, ‘kota’);”

jadi melempar ke halaman select.asp, select chainnya jalan.
tapi pada saat saya ingin mengambil valuenya jadi tidak terbaca..

jadi gini..
hal cekout.asp ada
option pilih propinsi. ketika di onchange dia melempar kehalaman select.asp untuk mencari kabupaten.

pada select.asp
di tampilin tuh kabupatennya..
terus kota,dan harga pengiriman..

tapi pada saat ingin saya input,kabupaten,kota,dan harga tidak masuk.. di response.write saja tidak keluar.. tapi yang propinsi keluar..

apa karena saya melempar kehalaman lain ya? tapi kalo saya jadikan satu halaman ,maksudnya digabungkan dengan cekout.asp malah pagenya yang ke load..

kenapa tuh ya pak?
tinggal dikit lagi nih Penulisan ilmiah saya selesai, setelah input barang yang terbeli..

terimakasih..

Reply

Jawaad says:

2 August 2011 at 15:05

@jehan, halo mas jehan, maksdunya respon.write gak keluar gimana? ini proses Ajax biasa, jadi gak perlu menggunakan javascript lain, tinggal tampilkan saja form yang diinginkan, misalkan field provinsi, harga dan lain2.

Jadi begini, yang penting Anda mengerti dulu proses form dan Ajax disini.

Halaman Form HTML dimanipulasi dengan AJAX Chain PHP/ASP, supaya tertulis kembali yg kita inginkan, misalkan contoh kasus:

a. Provinsi -> load data dan tampilkan pilihan Kota,
b. Harga -> ambil dari load data, dan tampilkan form input harga

PENTING: cara menampilkan nya dengan cara output HTML biasa, bukan pakai bahasa Javascript. kalau pakai PHP, pakai saja echo.

contoh file select.php:

$harga = $data->harga_dari_database0;
echo '<input type="text" name="harga" value="'.$harga.'">';

1 2	$harga = $data->harga_dari_database0; echo '<input type="text" name="harga" value="'.$harga.'">';

Silahkan dicoba kembali mas .

Reply

jehan says:

2 August 2011 at 15:18

response.write = echo
menampilkan isi dari variable form..

iya saya udah bisa select chainnya..
untuk menampilkan pada halaman cekout saya menggunakan
untuk kabupaten

untuk kota

dan harga

untuk select chainnya ga masalah,bisa saya jalankan,nah ketika di ctrl+u pada halaman cekout tidak ada option select dari kabupaten,dan kota.

hanya ada div saja,mungkin karena itu form saya tidak bisa terbaca..

gmn cara mengakalinya?

agar value dari kabupaten,kota dan harga bisa masuk kedalam database saya..

maaf ya pak,double post diatas..

Reply

Jawaad says:

2 August 2011 at 15:55

@jehan, tampilan source form nya sudah benar blm?

contoh:

<form>
<select name="kota">
<option value="cirebon">Cirebon</option>
</select>
<input type="text" name="harga" value="1000">
</form>

1

2

3

4

5

6

<form>

<option value="cirebon">Cirebon</option>

</select>

</form>

Coba di cek lagi, hasil dari olahan AJAX nya, apakah source form nya sudah tepat sebelum klik SUBMIT form tersebut. Apakah sudah dicek melalui Firebugs dari plugin Firefox? https://addons.mozilla.org/en-US/firefox/addon/firebug/

Silahkan dicoba kembali
Iya mas, post yg dobel nya dah saya hilangkan 🙂

Reply

jehan says:

2 August 2011 at 19:34

di firebug keliatan pak semuanya,tapi kalo Ctrl+u ga keliatan..
asli penasaran banget,masa ga bisa-bisa ya untuk memanggilnya..
ini contoh pada cekout.asp cuma select chainnya doang,kepanjangan kalo semua.. hehehe

 Provinsi	:
					
					-Pilih Propinsi-
					
					<option value="">
					
					
					
			
Kabupaten
				
			
			Kota
				
			
				
			Biaya Pengiriman

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

Provinsi :

-Pilih Propinsi-

Kabupaten

Kota

Biaya Pengiriman

lalu untuk menjalan kan ajaxnya kan melempar ke select.asp

					-Pilih Kabupaten-
					
					<option value="" id="kabupatenNya">
					
				


					-Pilih Kabupaten-
		
					%>
					<option value="" id="kotaNya">
		
				

			 <input type="radio" name="Pengiriman" value="" checked> REG - JNE Rp. /kg 
			<input type="radio" name="Pengiriman" value="" > OKE - JNE Rp. /kg

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

-Pilih Kabupaten-

-Pilih Kabupaten-

%>

<input type="radio" name="Pengiriman" value="" checked> REG - JNE Rp. /kg

<input type="radio" name="Pengiriman" value="" > OKE - JNE Rp. /kg

ini lengkapnya
http://www.mediafire.com/?ngfv0lllghk187l

aduh jadi ngerepotin ya,pak.. tapi tolong di bantu ya..

Reply

Jawaad says:

3 August 2011 at 21:48

@jehan, iya kalau menggunakan Ctrl+U atau view HTML source code memang tidak tampil, tapi jika menggunakan Firebugs, dengan cara Inspect Element atau dilihat dari console nya, akan terlihat, dan jika tampilan dari inspect element tersebut nampil dengan secara benar dan masih di dalam format form yang akan di SUBMIT, seharusnya normal saja, saya sudah coba dibeberapa aplikasi berjalan lancar, kemungkinan ada kesalahan nama field atau tidak tepat dalam posisi form nya, silahkan dicek kembali.

NB: oya, saya sudah coba membaca file ASP yang Anda kirim ke mediafire, sepertinya terlihat tidak ada masalah, tapi memang saya blm coba praktekan, karena saya tdk menggunakan ASP.

Reply

jehan says:

8 August 2011 at 19:09

bingung pak, gmn lagi ngakalinnya. hehehe
ga bisa-bisa juga.. gmn lagi ya?

Reply

jehan says:

8 August 2011 at 19:18

pak,lama ya saya ga kesini lagi, saya coba ngakal-ngakalin. tapi tetep ga bisa.

gmn ya? ada cara lain, saya ingin membuat option pengiriman barang VIA JNE.. kan ga mungkin kalo semua kota di indonesia di jadiin 1 opton..hehehehe

bisa-bisa kabur yang mau beli,trus jadi bahan pertanyaan buat dosen saya deh.. hehehehe

Reply

Jawaad says:

11 August 2011 at 19:57

@jehan, seharusnya bisa, kemungkinan masalah nya ada di salah ketik, typo tulisan.

Reply

Free Source Code says:

26 October 2011 at 01:52

Sangat membantu… Terima kasih atas infonya…

Reply

online casino indonesia joker123 2019 says:

11 May 2020 at 02:11

Do you mind if I quote a few of your articles as long as I provide credit and sources back to your site?
My blog site is in the very same niche as yours and my users would certainly benefit
from some of the information you present here.
Please let me know if this okay with you. Regards!

Reply

Royal CBD says:

27 May 2020 at 02:54

Hello Dear, are you genuinely visiting this website on a regular basis,
if so then you will definitely take pleasant experience.

P.S. If you have a minute, would love your feedback on my new website
re-design. You can find it by searching for «royal cbd» — no
sweat if you can’t.

Keep up the good work!

Reply

qaratinvest says:

10 February 2021 at 14:22

Saat ini sudah terdapat berbagai game judi online yang menguntungkan, salah satunya adalah Game Slot Online Deposit Pulsa yang bisa menghasilkan keuntungan dengan cepat.

Reply

best cbd oil for sleep says:

22 February 2021 at 19:43

Link exchange is nothing else but it is just placing the other person’s website link on your page at appropriate place and other
person will also do similar for you.

my blog :: best cbd oil for sleep

Reply

CBD for sale says:

23 February 2021 at 11:11

I’d like to find out more? I’d love to find out some additional information.

Also visit my web blog :: CBD for sale

Reply

best cbd oil for dogs with arthritis says:

23 February 2021 at 11:25

This information is priceless. When can I find out more?

Also visit my web blog: best cbd oil for dogs with arthritis

Reply

buy CBD oil says:

24 February 2021 at 03:22

Hmm is anyone else having problems with the images on this
blog loading? I’m trying to determine if its
a problem on my end or if it’s the blog. Any feedback would be greatly appreciated.

Reply

cbd gummies for sleep says:

25 February 2021 at 01:12

I was curious if you ever thought of changing the structure of your site?
Its very well written; I love what youve got to say.

But maybe you could a little more in the way of content so people could
connect with it better. Youve got an awful lot of text for only having one or two pictures.

Maybe you could space it out better?

Reply

buy cbd gummies says:

25 February 2021 at 15:42

Hola! I’ve been following your website for a while now and finally got the courage to go ahead and
give you a shout out from New Caney Texas! Just wanted to
say keep up the fantastic job!

Reply

cbd for dogs says:

27 February 2021 at 07:30

I really like your blog.. very nice colors & theme. Did you design this website yourself or did you
hire someone to do it for you? Plz reply as I’m looking to create my own blog and would like to
find out where u got this from. appreciate it

Reply