Haloo! Selamat Datang di Komunitas Private Training Web Development (47509 Members, 448 Projects, 3633 Topic, 9913 Comments)

Butuh karyawan baru? atau seorang Web Developer (Part-time/Freelance/Full-time), cari disini : Members Area Jobs!
Tanya cara membuat multiselect combobox dengan 2 kondisi
Alex Makasighe Mengatakan : Members -
Rate Topic : 
  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.  
Bukhori Muslim Mengatakan :
Admin - 
  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 !!!