Scroll to top

Haloo! Selamat Datang di Komunitas Private Training Web Development (34798 Members, 307 Projects, 3058 Topic, 8539 Comments)

Butuh karyawan baru? atau seorang Web Developer (Part-time/Freelance/Full-time) untuk mengerjakan project/aplikasi anda?, cari disini : Members Area Jobs!
Tanya cara membuat multiselect combobox dengan 2 kondisi
Alex Makasighe Mengatakan : Members -
  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.  
Bukhari al 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 !!!