Menambah Value Di Dalam Dropdown Dengan Append Child Javascript

Tutorial Value Di Dalam Dropdown (select-option) Dengan Append Child Javascript.

Append Child merupakan sebuah fungsi yang biasa digunakan untuk menambahkan sebuah value atau nilai ke sebuah variabel. Ok tanpa BASI BASA kita pratekkan cara ini.

Menambah Value Di Dalam Dropdown Dengan Append Child Javascript
Menambah Value Di Dalam Dropdown Dengan Append Child Javascript


Cuplikan Hasilnya





Hal yang terbesit

Gimana itu., kok bisa begitu ??

Kodenya :

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. </head>
  6. <body>
  7. <select class="sebab">
  8. <option class="opsi" value="satu">Data Satu</option>
  9. <option class="opsi" value="dua">Data Dua</option>
  10. <option class="opsi" value="tiga">Data Tiga</option>
  11. </select>
  12.  
  13. <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  14.  
  15. <script type="text/javascript">
  16. $(".sebab").change(function(){
  17. var named = document.getElementsByClassName("opsi")[1];
  18. var plusName = document.createTextNode(" Ditambahkan");
  19.  
  20. if (named.innerHTML == 'Data Dua') {
  21. alert('Berhasil Ditambahkan ');
  22. named.appendChild(plusName);
  23. }else{
  24. alert('Data Sudah Ditambahkan');
  25. }
  26. });
  27. </script>
  28. </body>
  29. </html>

Hore... Done...
Previous Post
Next Post
Related Posts