Maison >interface Web >js tutoriel >Comment JavaScript peut-il sélectionner par programme des options dans une zone de sélection ?

Comment JavaScript peut-il sélectionner par programme des options dans une zone de sélection ?

Patricia Arquette
Patricia Arquetteoriginal
2024-12-02 00:22:09125parcourir

How Can JavaScript Programmatically Select Options in a Select Box?

Sélection programmatique des options dans les éléments de la boîte de sélection avec JavaScript

Dans le développement Web, la définition dynamique de la valeur sélectionnée d'un élément de la boîte de sélection est souvent nécessaire. JavaScript fournit une méthode pratique pour y parvenir.

Problème :

Considérez l'élément de boîte de sélection HTML suivant :

<select>

Comment pouvons-nous par programmation sélectionnez l'option appropriée en fonction d'un numéro de code de congé donné (par exemple, « 11 ») en utilisant JavaScript ?

Solution :

Pour sélectionner une option de manière dynamique, on peut utiliser la fonction JavaScript suivante :

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

Pour utiliser cette fonction, transmettez simplement l'ID de l'élément de la boîte de sélection (« leaveCode » dans notre cas) et la valeur de l'option que vous souhaitez sélectionner (par exemple, '11').

Exemple :

selectElement('leaveCode', '11');

Cela sélectionnera l'option avec la valeur '11' (Congé médical) dans la zone de sélection.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn