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 |
Cuplikan Hasilnya
Hal yang terbesit
Gimana itu., kok bisa begitu ??
Kodenya :
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <select class="sebab"> <option class="opsi" value="satu">Data Satu</option> <option class="opsi" value="dua">Data Dua</option> <option class="opsi" value="tiga">Data Tiga</option> </select> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script type="text/javascript"> $(".sebab").change(function(){ var named = document.getElementsByClassName("opsi")[1]; var plusName = document.createTextNode(" Ditambahkan"); if (named.innerHTML == 'Data Dua') { alert('Berhasil Ditambahkan '); named.appendChild(plusName); }else{ alert('Data Sudah Ditambahkan'); } }); </script> </body> </html>
Hore... Done...