1. Kotak teks
1.1 <input type = "text" name = "test" id = "test">
Tetapkan nilai ke variabel t melalui var t = document.geteLementById ("test"). Nilai,
1.2 Tentu saja, Anda juga dapat menetapkan nilai variabel yang diketahui ke kotak teks secara bergantian, misalnya:
var m = "5";
document.geteLementById ("test"). value = m;
2. Kotak daftar drop-down
2.1
<Pilih name = "sel" id = "sel" onchange = "look ();">
<Option value = "1"> 11 </ption>
<Option value = "2" Dipilih> 22 </potion>
<Option value = "3"> 33 </tiption>
</pilih>
Nilai yang dipilih dalam kotak <CILTER> diperoleh oleh var s = document.geteLementById ("sel"). Nilai. ", bukan" dua puluh dua ",
Jika Anda ingin menetapkan "Nilai" yang dipilih di <CILT> seperti "nilai teks" ("33") yang sesuai dengan "3" ke kotak teks uji, Anda dapat menggunakan metode berikut,
Salinan kode adalah sebagai berikut:
<bahasa skrip = "javascript">
function look () {
var se = document.getElementById ("sel");
var option = se.geteLementsByTagname ("opsi");
var str = "";
untuk (var i = 0; i <option.length; ++ i)
{
if (opsi [i]. Dipilih)
{
document.geteLementById ("test"). value = opsi [i] .text;
}
}
}
</script>
2.2 Bandingkan nilai yang diberikan dengan nilai di kotak <Colly>, dan pilih jika nilai <pection> di <pilih> sama dengan nilai yang diberikan.
Salinan kode adalah sebagai berikut:
var m = "2",
untuk (var i = 0; i <document.geteLementById ("sel"). panjang; i ++)
{
dengan (document.geteLementById ("sel"). Opsi [i])
{
if (value == m)
{
dipilih = true;
}
}
}
3. Kotak Radio
Nilai atribut nama dari deretan kotak radio harus sama sehingga pemilihan radio dapat dicapai.
Salinan kode adalah sebagai berikut:
<Input type = "Radio" name = "a" value = "1"> aaaaaaaa <br>
<Input type = "Radio" name = "a" value = "2"> bbbbbbbbbb <br>
<Input type = "tombol" onclick = "check ();" value = "test">
<bahasa skrip = "javascript">
<!-
function check ()
{
var sel = 0;
untuk (var i = 0; i <document.geteLementsbyname ("a"). length; i ++)
{
if (document.geteLementsbyname ("a") [i] .Checked)
{
sel = document.getElementsbyname ("a") [i] .value;
}
}
if (sel == 1)
{
waspada ("aaaaaaaaa");
}
lain jika (sel == 2)
{
alert ("BBBBBBBBBBBB");
}
}
//->
</script>
JS Dapatkan nilai dan teks dari item yang dipilih di kotak drop-down
Dapatkan nilai dan teks dari item yang dipilih di kotak drop-down di bawah Firefox dan yaitu:
1. Metode yang didukung oleh IE dan Firefox:
Dapatkan teks
Salinan kode adalah sebagai berikut:
var obj = document.geteLementById ('select_template');
var text = obj.options [obj.selectedIndex] .text; // dapatkan teks
var obj = document.geteLementById ("select_template");
untuk (i = 0; i <obj.length; i ++) {// Panjang kotak drop-down adalah jumlah opsi
if (obj [i] .dilected == true) {
var text = obj [i] .text; // dapatkan teks
}
}
Metode sebelumnya lebih sederhana
1.ie mendukung Firefox dan tidak mendukung:
Salinan kode adalah sebagai berikut:
var obj = document.getElementById (name);
untuk (i = 0; i <obj.length; i ++) {
if (obj [i] .dilected == true) {
var text = obj [i] .innerText;
}
}
Dapatkan metode nilai IE dan Firefox adalah umum:
var value = document.geteLementById ("select_template"). value; // dapatkan nilai
Ringkasan: Faktanya, terutama bahwa baik dan nilai dukungan Firefox dan atribut teks, dan Firefox tidak mendukung atribut Innertext.
JS mengimplementasikan halaman saat ini untuk membuka tautan baru:
window.location.href = url;