Disabled ne fonctionne pas pour un select
Résolu
Jack
-
Jack -
Jack -
Bonjour,
J'ai un petit soucis, j'ai crée 2 liste déroulantes associées avec Ajax, le hic est que je voudrais 'grisé' la deuxième liste lorsque l'élément sélectionné dans le première liste ne contient aucun élément.
Voila mon code javascript.
var marque = document.getElementById('marque');
var modele = document.getElementById('modele');
if (marque.value <= 0){
modele.disabled = true;
}else{
modele.disabled = false;
}
et voila mon html
<select name="marque" id="marque" onchange='go();'>
<option value="-1">Sélectionner une marque</option>
{foreach from=$marque item=marque_vehic}
<option value="{$marque_vehic[0]}">{$marque_vehic[1]}</option>
{/foreach}
</select>
<div id="modele"><select name="modele"><option value="-1">Sélectionner un modèle</option></select></div>
Je vous remercie d'avance de votre aide.
J'ai un petit soucis, j'ai crée 2 liste déroulantes associées avec Ajax, le hic est que je voudrais 'grisé' la deuxième liste lorsque l'élément sélectionné dans le première liste ne contient aucun élément.
Voila mon code javascript.
var marque = document.getElementById('marque');
var modele = document.getElementById('modele');
if (marque.value <= 0){
modele.disabled = true;
}else{
modele.disabled = false;
}
et voila mon html
<select name="marque" id="marque" onchange='go();'>
<option value="-1">Sélectionner une marque</option>
{foreach from=$marque item=marque_vehic}
<option value="{$marque_vehic[0]}">{$marque_vehic[1]}</option>
{/foreach}
</select>
<div id="modele"><select name="modele"><option value="-1">Sélectionner un modèle</option></select></div>
Je vous remercie d'avance de votre aide.
A voir également:
- Cette action ne fonctionne pas sur plusieurs sélections
- Cette action ne peut pas être réalisée car le fichier est ouvert dans system - Guide
- Télécharger film d'action gratuitement et rapidement - Télécharger - TV & Vidéo
- Vous devez disposer d'une autorisation pour effectuer cette action - Guide
- Concurrent action - Guide
- Magasin moins cher qu'action - Guide
10 réponses
Bonjour,
que veux tu tester avec :
que veux tu tester avec :
if (marque.value <= 0){
modele.disabled = true;
}else{
modele.disabled = false;
} ?
Enfait j'ai 2 balises select. la premiere est 'marque' et la deuxieme est 'modele'
<select id='marque'>
<option value=-1>Sélectionner une marque</option>
<option value=0>AUTRES</option>
<option value=1>RENAULT</option>
<option value=2>PEUGEOT</option>
</select>
et je voudrais que lorsque 'AUTRES' ou 'Sélectionner une marque' est sélectionné, le deuxième select se grise afin de ne plus pouvoir toucher à la liste.
<select id='marque'>
<option value=-1>Sélectionner une marque</option>
<option value=0>AUTRES</option>
<option value=1>RENAULT</option>
<option value=2>PEUGEOT</option>
</select>
et je voudrais que lorsque 'AUTRES' ou 'Sélectionner une marque' est sélectionné, le deuxième select se grise afin de ne plus pouvoir toucher à la liste.
Alors teste :
if (marque.options.selectedIndex <= 0){
modele.disabled = true;
}else{
modele.disabled = false;
}
if (marque.options.selectedIndex <= 0){
modele.disabled = true;
}else{
modele.disabled = false;
}
Non, sa me met des traits dans le deuxième select.
Petit aparte, j'ai essayé de masquer le select avec modele.style.visibility = 'hidden'; cela fonctionne.
Est-ce que sa peu venir du fait que le deuxième select est dans un div ?
Petit aparte, j'ai essayé de masquer le select avec modele.style.visibility = 'hidden'; cela fonctionne.
Est-ce que sa peu venir du fait que le deuxième select est dans un div ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Ca te met "des traits dans le deuxième select" ? Oo'
Et je pense pas que que ca ai un rapport avec le fait qu'il soit dans un div.
Essaye avec :
et
Et je pense pas que que ca ai un rapport avec le fait qu'il soit dans un div.
Essaye avec :
modele.disabled = "true";
et
modele.disabled = ""; // a la place de false
nop marche pas. Est ce que tu crois que je pourrais avoir faux des lorsque jessaye
var marque = document.getElementById('marque');
var modele = document.getElementByTagName('modele');
if (marque.value <= 0){
modele.disabled = true;
}else{
modele.disabled = false;
}
?
Merci
var marque = document.getElementById('marque');
var modele = document.getElementByTagName('modele');
if (marque.value <= 0){
modele.disabled = true;
}else{
modele.disabled = false;
}
?
Merci
le getElementByTagName est pour récupérer une balise html du genre :
Donc oui tu auras faux :p
Mais tu dois avoir un probleme j'ai testé chez moi :
Sur un de mes selects et ca marche niquel...
document.getElementByTagName('INPUT');
Donc oui tu auras faux :p
Mais tu dois avoir un probleme j'ai testé chez moi :
document.getElementById('input_superficie').disabled = true ;
Sur un de mes selects et ca marche niquel...
Ouf sa y'est j'ai réussi.
J'ai donné un ID à mon 2eme select.
dans mon js, j'ai rajouté une autre variable
var marque = document.getElementById('marque');
var modele = document.getElementById('modele');
var mod = document.getElementById('mod');
et dans mon if j'ai pas utilise 'modele' mais 'mod' et sa marche nikel.
Je te remercie beaucoup de ton aide Defouille.
J'ai donné un ID à mon 2eme select.
dans mon js, j'ai rajouté une autre variable
var marque = document.getElementById('marque');
var modele = document.getElementById('modele');
var mod = document.getElementById('mod');
et dans mon if j'ai pas utilise 'modele' mais 'mod' et sa marche nikel.
Je te remercie beaucoup de ton aide Defouille.
