mengganti value pada chrome extension

Kembali ke forum umum

saya sedang belajar javascript dan sedang membuat chrome extension untuk mengganti beberapa vaue. tapi kenapa hanya line kedua pada coding saya hanya berhasil ketika new tab dan sedangkan untuk line ke 3 dan 4 tidak bekerja

console.log("berjalan");
document.getElementById("ucSearch_ddlCustType_ltlCustCustType_ddlReference").value = "P";
document.getElementById("ucMrEducation_ddlReference").value = "SMA";
document.getElementById("ucMrReligion_ddlReference").value = "3";

terimakasih untuk jawabannya

Halo coder @kurangtau,

Terlebih dahulu, kamu harus mengetahui value pada selectbox pada daftar pilihannya..

Contoh Kasus:

<select id="jenis_kelamin">
     <option value="">Pilih Jenis Kelamin</option>
     <option value="L">Laki-laki</option>
     <option value="P">Perempuan</option>
</select>

Misalnya kamu ingin melakukan default pilihan perempuan pada saat halaman pertama kali dibuka. Maka kamu cukup menuliskan sintaks ini:

<script>
document.getElementById("jenis_kelamin").value = "P"; // Yang mana P adalah value dari pilihan Perempuan.
</script>

Atau kamu bisa menggunakan delay, beberapa detik setelah halaman dibuka. Solusi ini biasanya digunakan ketika masing-masing komponen belum terload sempurna hingga harus menunggu beberapa detik hingga terload sempurna. Kamu bisa menggunakan seperti ini:

<script>
setTimeout(function(){
            document.getElementById("jens_kelamin").value = "P";
        }, 2000); // delay 2 detik
</script>

Alternatif terakhir, mungkin kamu bisa menambahkan opsi selected di atribut optionnya:

<select id="jenis_kelamin">
     <option value="">Pilih Jenis Kelamin</option>
     <option value="L">Laki-laki</option>
     <option value="P" selected>Perempuan</option>
</select>

Semangat, semoga bisa membantu..

untuk value sudah saya sesuaikan dengan yang ada pada element mas, tapi tetap tidak berhasil kecuali untuk script line kedua. untuk ke tiga dan empat tidak bisa sama sekali 

Halo coder @kurangtau..

Untuk mengecek apakah kode yang dituliskan benar.. mungkin bisa di cek di setiap line 3 dan 4 dengan console.log... nanti kamu bisa melihat-nya di tab console pada inspect element... atau bisa juga menggunakan alert...

Misalnya:

document.getElementById("id_script_3").value = "P";
console.log("SCRIPT 3");
alert('JALAN script 3');

document.getElementById("id_script_4").value = "P";
console.log("SCRIPT 4");
alert('JALAN script 3');

Pastikan juga select id-nya sesuai dengan element select tersebut

Secara umum penggunaan sederhananya seperti itu saja..

Semoga membantu...

untuk id dan value sudah sesuai dengan element mas, tapi pada console muncul peringatan Uncaught TypeError: Cannot set property 'value' of null

Halo coder @kurangtau, mungkin bisa dilampirkan link screenshoot untuk inspect struktur HTML-nya dan errornya seperti apa... Agar teman-teman coder yang lain dapat dengan mudah membantu.. ^_^