Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
mau tanya cara menggabungkan lebih dari getElementById gimana ya?
saya sedang buat script dimana ada 2 select option
nah cara menggabungkan lebih dari 1 selector id gimana ya?
Tanggapan
kalau mau get beberapa id sekali gus kamu bisa gunakan document.querySelector("#id1 #id2")
1 Jawaban:
<div>Kamu bisa guanak querySelectorAll(nama_selector), contohnya seperti ini :</div><pre><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <select name='user'> <option>Abdul</option> <option>Budi</option> <option>Choky</option> </select>
<select name='city'> <option>Jakarta</option> <option>Bandung</option> <option>Surabaya</option> </select> <script> const selectTag = document.querySelectorAll("select"); selectTag.forEach(function (element) { element.innerHTML += '<option>Ini opsi baru</option>'; }); </script> </body> </html></pre><div>Hasilnya bisa dicek disni : <a href="https://jsbin.com/kiqedewuxe/edit?html,output">https://jsbin.com/kiqedewuxe/edit?html,output</a><br><br>Kamu juga bisa lihat referensinya di link berikut :<br>- <a href="https://www.javascripttutorial.net/javascript-dom/javascript-queryselector/">https://www.javascripttutorial.net/javascript-dom/javascript-queryselector/</a><br>- <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll">https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll</a><br><br>Semoga terbantu!</div>