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
Patricia Arquetteasal
2024-12-02 00:22:09196semak imbas

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>

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;
}

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');

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!

Kenyataan:
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