Fungsi dan contoh kaedah val dalam jQuery

WBOY
Lepaskan: 2024-02-28 14:39:03
asal
1024 orang telah melayarinya

Fungsi dan contoh kaedah val dalam jQuery

Fungsi dan contoh kaedah val dalam jQuery

Apabila pengaturcaraan dengan jQuery, ia selalunya melibatkan mendapatkan atau menetapkan nilai elemen bentuk. Pada masa ini, anda boleh menggunakan kaedah val() dalam jQuery. Kaedah val() ialah kaedah biasa dalam jQuery, digunakan untuk mendapatkan atau menetapkan nilai elemen borang. Dalam artikel ini, kami akan membincangkan kefungsian kaedah val() secara terperinci dan menunjukkan penggunaannya dengan contoh kod konkrit.

1. Fungsi kaedah val()

val() digunakan untuk mendapatkan atau menetapkan nilai elemen borang, yang termasuk input, textarea, pilih, dsb. Apabila kaedah val() tidak mengambil parameter, ia mengembalikan nilai semasa elemen pertama dalam set elemen padanan. Apabila kaedah val() mengambil hujah, ia menetapkan nilai semua elemen padanan.

2. Contoh kod

Berikut ialah beberapa contoh kod yang menunjukkan cara menggunakan kaedah val() untuk mendapatkan atau menetapkan nilai elemen borang.

  1. Dapatkan nilai kotak input

Andaikan kita mempunyai kotak input, sekarang kita ingin mendapatkan nilai yang dimasukkan oleh pengguna dan outputnya ke konsol:

var username = $("#username").val(); console.log(username);
Salin selepas log masuk
  1. Tetapkan nilai kotak input input

Jika kita ingin menetapkan nilai lalai dalam kotak input, kita boleh menggunakan kaedah val():

$("#username").val("John Doe");
Salin selepas log masuk
  1. Dapatkan nilai pilihan menu lungsur

Jika kita mempunyai menu lungsur Menu :

Salin selepas log masuk

Kami ingin mendapatkan nilai pilihan pengguna:

var city = $("#city").val(); console.log(city);
Salin selepas log masuk
  1. Tetapkan nilai lungsur pilih

kami mahu Los Angeles dipilih secara lalai:

$("#city").val("2");
Salin selepas log masuk
  1. Dapatkan nilai textarea

Jika kita mempunyai elemen

Salin selepas log masuk

Kami ingin mendapatkan teks yang dimasukkan oleh pengguna:

var message = $("#message").val(); console.log(message);
Salin selepas log masuk
    nilai kawasan teks
Jika kita ingin mengisi kotak teks dengan teks lalai:

$("#message").val("Hello, world!");
Salin selepas log masuk
Lulus Daripada kod contoh di atas, kita dapat melihat kefleksibelan dan kepraktisan kaedah val() dalam mendapatkan dan menetapkan nilai-nilai daripada unsur bentuk. Melalui demonstrasi yang digabungkan dengan contoh kod khusus, saya berharap pembaca dapat memahami penggunaan kaedah val() dengan lebih baik dan menggunakannya secara fleksibel dalam projek mereka sendiri.

Atas ialah kandungan terperinci Fungsi dan contoh kaedah val dalam jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!