Rumah > hujung hadapan web > tutorial js > Bagaimanakah JavaScript Boleh Memilih Pilihan Secara Pengaturcaraan dalam Kotak Pilihan?

Bagaimanakah JavaScript Boleh Memilih Pilihan Secara Pengaturcaraan dalam Kotak Pilihan?

Patricia Arquette
Lepaskan: 2024-12-02 00:22:09
asal
180 orang telah melayarinya

How Can JavaScript Programmatically Select Options in a Select Box?

Pemilihan Pilihan Terprogram dalam Elemen Kotak Pilih dengan JavaScript

Dalam pembangunan web, tetapan nilai yang dipilih bagi elemen kotak pilihan secara dinamik selalunya diperlukan. JavaScript menyediakan kaedah yang mudah untuk mencapainya.

Masalah:

Pertimbangkan elemen kotak pilih HTML berikut:

<select>
Salin selepas log masuk

Bagaimanakah kita memprogramkan pilih pilihan yang sesuai berdasarkan nombor kod cuti yang diberikan (cth., '11') menggunakan JavaScript?

Penyelesaian:

Untuk memilih pilihan secara dinamik, kita boleh menggunakan fungsi JavaScript berikut:

function selectElement(id, valueToSelect) {
    let element = document.getElementById(id);
    element.value = valueToSelect;
}
Salin selepas log masuk

Untuk menggunakan fungsi ini, hanya lulus ID elemen kotak pilih ('leaveCode' dalam kes kami) dan nilai pilihan yang anda mahu pilih (cth., '11').

Contoh:

selectElement('leaveCode', '11');
Salin selepas log masuk

Ini akan memilih pilihan dengan nilai '11' (Cuti Perubatan) dalam kotak pilihan.

Atas ialah kandungan terperinci Bagaimanakah JavaScript Boleh Memilih Pilihan Secara Pengaturcaraan dalam Kotak Pilihan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan