Dependent Dropdownlist Menambahkan Data Dengan Dialog

3471

dropdownlist.jpg

Bagaimana Menambahkan data di dropdownlist yg belum ada. apabila ditambahkan data maka automatis fokus d dropdownlist.

Kalo saya tidak salah, mungkin yang dimaksud om kharis dapat diselesaikan menggunakan javascript, lalu nanti di tangani di server [controller-nya] sebagai data baru. :)

Konsepnya kurang lebih seperti ini [pada client-side] :

[spoiler]

[html]

<html>

<script type="text/javascript">

function tambahKabupaten(){


	//ambil data baru dari user


	var namaKabupaten = prompt(&quot;Masukan nama Kabupaten&quot;);


	


	//siapkan node baru (isinya  : &lt;option&gt;&lt;/option&gt; );


	var nodeKabupaten = document.createElement(&quot;option&quot;);


	


	//masukan 'nama kabupaten' ke node tersebut (jadi : &lt;option&gt;nama kabupaten&lt;/option&gt;)


	nodeKabupaten.appendChild(document.createTextNode(namaKabupaten));





	//masukan nodeKabupaten ke list yang ada sebagai anak terakhir


	var listKabupaten = document.getElementById(&quot;list-kabupaten&quot;);


	listKabupaten.appendChild(nodeKabupaten);


	


	//pilih 'anak terakhir' sebagai node aktif dari list yang ada


	listKabupaten.selectedIndex = listKabupaten.options.length-1;


}

</script>

<body>

&lt;form id=&quot;test-form&quot;&gt;


	Kabupaten


	&lt;select id=&quot;list-kabupaten&quot;&gt;


		&lt;option&gt;-Silakan Pilih-&lt;/option&gt;


		&lt;option&gt;Bogor&lt;/option&gt;


		&lt;option&gt;Depok&lt;/option&gt;


		&lt;option&gt;Kab. Bandung&lt;/option&gt;


	&lt;/select&gt;


	&lt;input type=&quot;button&quot; value=&quot;+&quot; onclick=&quot;tambahKabupaten()&quot;/&gt;


	&lt;br/&gt;&lt;br/&gt;


	&lt;input type=&quot;submit&quot; /&gt;


&lt;/form&gt;

</body>

</html>

[/html]

[/spoiler]

Semoga membantu.

Sebenarnya saya sudah mencoba yang dari link tersebut http://www.yiiframework.com/wiki/72/cjuidialog-and-ajaxsubmitbutton dan berhasil

tetapi setelah input data 1 Row ddialognya.pie setelah d cek d databasenya terinput Dua Kali.