<select> modifié le "required"

Bonsoir à toutes et à tous
j'ai un formulaire avec des <select> et je voudrais changer leurs "required" via leurs noms

est se possible et comment

Merci de votre réponse

:salut:

Code:

---

1 2 3 4 5

<select name="selectNombre"> <option>Un</option> <option>Deux</option> <option>Trois</option> </select>

---

Code:

---

1 2 3

const elemSelectNombre = document.querySelector('select[name="selectNombre"]');   elemSelectNombre.setAttribute('required', true);

---

Mais pour un select le required n'a pas beaucoup de sens puisque la valeur de la première option est sélectionnée par défaut.

Merci de ta réponse mais je crois que j'ai fait une erreur dans mon descriptif ;)

voici mon

Code:

---

1 2 3 4 5 6

<select name="selectNombre"id="selectNombre"> <option required> Veuillez mettre une valeur</option> <option>Un</option> <option>Deux</option> <option>Trois</option> </select>

---

Suite a "onclick" je voudrais imposer une <option required>
Merci pour votre aide

Bonjour,

Si tu veux progresser, le minimum est de CONNAITRE la BONNE SYNTAXE.

• <select>
• <option>

1- required se met sur le <select> (pas sur <option>) :

Code:

---

<select ............. required="required">

---

2- Si tu veux imposer une option, alors il faut utiliser selected.

Code:

---

1 2 3

<select .....> <option selected="selected"> ...........</option> ...

---

3- Enfin, on met des value aux <option> :

Code:

---

1 2 3 4 5 6

<select .....> <option value="" selected="selected"> ...........</option> <option value="1">Un</option> <option value="2">Deux</option> <option value="3">Trois</option> </select>

---

Bonjour franchement je n'étais pas réveiller ce matin
je ne voulais pas dire "required" mais "selected"

erreur corrigé (il faut que je dormes plus ......)

Code:

---

1 2 3 4 5 6 7 8 9

<select name="selectNombre" id="selectNombre"> <option value=""> ...........</option> <option value="1">Un</option> <option value="2">Deux</option> <option value="3">Trois</option> </select> <button type="button" onclick="sel_option('1');">clic 1</button> <button type="button" onclick="sel_option('2');">clic 2</button> <button type="button" onclick="sel_option('3');">clic 3</button>

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

const elemSelectNombre = document.querySelector('select[name="selectNombre"]');   function sel_option( val ) { for ( var elt of elemSelectNombre.options ) { elt.removeAttribute('selected'); // on supprime d'abord tous les 'selected' } for ( var elt of elemSelectNombre.options ) { if( elt.value == val ) { elt.setAttribute('selected', 'selected'); // on affecte le 'selected' a la bonne option } } }

---

Bonjour,
dans le cas présent il n'est pas nécessaire d'utiliser l'attribut selected.

Un simple oSelect.value = valeur suffit pour que la valeur soit soumise. Au pire si la valeur n'existe pas dans les options du <select> une nouvelle option vide sera sélectionnée.

Remarque :
Attention le <button> sont de type submit par défaut, à l'intérieur d'un élément <form> il est souvent souhaitable de le passer en type="button".