Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67478 Members, 783 Products, 5290 Topic, 12955 Comments)

Tanya cara membuat multiselect combobox dengan 2 kondisi

Dibuat
Login Terakhir 1 Bulan lalu,
Telah Dilihat 1321 Kali
Alex Makasighe Mengatakan : Sultan Account 
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2. maaf sebelumnya mas...mungkin sedikit melenceng pertanyaan saya...
  3. sya coba buat multi select dengan combo box contohnya sperti ini
  4.  
  5. <select name="penerimaan"  onChange="tampil(this.value)">
  6. 			<option value=""></option>
  7. 			<option value="Pembangunan">Pembangunan</option>
  8. 			<option value="Wilayah">Wilayah</option>
  9. 			<option value="Kas">Kas</option>
  10. 		</select><br>
  11. 		<select name="bulan" onChange="tampil1(this.value)">
  12. 			<option value=""></option>
  13. 			<option value="Januari">Januari</option>
  14. 			<option value="Februari">Februari</option>
  15. 			<option value="Maret">Maret</option>
  16. 		</select>
  17.  
  18. <div id="hasil"></div>
  19.  
  20. <script>
  21. function tampil(penerimaan)
  22. {
  23. 	var hasil="";
  24. 	switch(penerimaan)
  25. 	{
  26. 		case "Pembangunan" : {
  27. 			hasil = "<ul><li>Pembangunan</li> </ul>";
  28. 		}
  29. 		break;
  30. 		case "Wilayah" : {
  31. 			hasil = "<ul><li> Wilayah </li></ul>";
  32. 		}
  33. 		break;
  34. 		case "Kas" : {
  35. 			hasil = "<ul><li> Kas </li></ul>";
  36. 		}
  37. 		break;
  38. 		default :hasil ="";
  39. 	}
  40. 	document.getElementById('hasil').innerHTML =hasil;
  41. }
  42.  
  43. </script>
  44.  
  45. jadi ada dua kondisi ( "penerimaan" dan "bulan")
  46. casenya sesuai pilihan dari 2 select box..
  47. jadi data muncul saat event 2 combo box terpenuhi.
  48. mungkin ada yang bisa bantu saya...
  49. makasih sebelumnya..
  50.  

Ada 1 Jawaban

Bukhori Muslim
commented on 13 Nov 2018 08:19:26		 
  1. Assalam,.. dibuat double begini gimana, ilmu saya juga masih pas-pasan di JS,.. ^_^
  2. <select name="penerimaan"  onChange="tampil(this.value)">
  3.     <option value=""></option>
  4.     <option value="Pembangunan">Pembangunan</option>
  5.     <option value="Wilayah">Wilayah</option>
  6.     <option value="Kas">Kas</option>
  7. </select><br>
  8. <select name="bulan" onChange="tampil_bulan(this.value)">
  9.     <option value=""></option>
  10.     <option value="Januari">Januari</option>
  11.     <option value="Februari">Februari</option>
  12.     <option value="Maret">Maret</option>
  13. </select>
  14.  
  15. <div id="hasil"></div>
  16. <div id="hasil1"></div>
  17.  
  18. <script>
  19. function tampil(penerimaan){
  20.     var hasil="";
  21.     switch(penerimaan){
  22.         case "Pembangunan" : {
  23.             hasil = "<ul><li>Pembangunan</li> </ul>";
  24.         }
  25.         break;
  26.         case "Wilayah" : {
  27.             hasil = "<ul><li> Wilayah </li></ul>";
  28.         }
  29.         break;
  30.         case "Kas" : {
  31.             hasil = "<ul><li> Kas </li></ul>";
  32.         }
  33.         break;
  34.         default :hasil ="";
  35.     }
  36.     document.getElementById('hasil').innerHTML =hasil;
  37. }
  38.  
  39. function tampil_bulan(bulan){
  40.     var hasil="";
  41.     switch(bulan){
  42.         case "Januari" : {
  43.             hasil = "<ul><li>Januari</li> </ul>";
  44.         }
  45.         break;
  46.         case "Februari" : {
  47.             hasil = "<ul><li> Februari </li></ul>";
  48.         }
  49.         break;
  50.         case "Maret" : {
  51.             hasil = "<ul><li> Maret </li></ul>";
  52.         }
  53.         break;
  54.         default :hasil ="";
  55.     }
  56.     document.getElementById('hasil1').innerHTML =hasil;
  57. }
  58. </script>
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!

CV Asktech Indonesia

Cari Produk Digital, Freelancer Terbaik dan Terpercaya di Indonesia

CV Asktech Indonesia
Jl. Angkasa Puri, Perundam V, Tunggul Hitam
Padang 25176 - Indonesia

Telp./Fax. (0751) 461695
Phone/WA. +62-812-6777-1344
E-mail robby.prihandaya@gmail.com

Tentang Kami

Jam Layanan

  • Senin - Jum'at: 09:00 - 17:00 WIB
  • Sabtu - Minggu: 09:00 - 15:00 WIB

Knowledgebase