Postingan lainnya
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>
