Difficultés d'acces avec .attr

Bonjour a tous.

J'ai un petit probleme avec l'ultilisation .attr.

Je construis un select avec le resultat d'une requete

Code:

---

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

echo ("<label style=float:left; >Sous cathegorie</label><select name='sousdomaine' id='sousdomaine'>");     $cat=$sql->tabresSql($requete['sous_domaines']);   foreach ($cat as $domaine) { echo("<option value='".$domaine[2]."' id='".$domaine[1]."'>".$domaine[0]."</option>");   }   echo ("</select></br></br>");

---

et j'accede a un moment avec Javascript a certaines des infos de l'element selectionné.

Quand j'accede a l'id comme sa:

Code:

---

var domaine=$('#domaine option:selected').attr('id');

---

aucun soucis.

Par contre quand j'essaye d'avoir acces a la value comme sa :

Code:

---

var sousdomaine=$('#domaine option:selected').attr('value');

---

cela me retourne en fait la value affiché dans le select.

L'erreur doit venir de moi et est tres certainement enorme mais j'ai beau chercher sur le net je trouve pas.

Si quelqun a une idée merci d'avance.

les options n'acceptent pas d'id ...

et en jquery c'est .val() ...

et de manière plus directe si l'option est sélectionnée, c'est le val du select

Code:

---

var sousdomaine=$('#domaine').val();

---

salut Ein :mrgreen:

Essaye avec la méthode .val(); comme ceci:

Code:

---

var sousdomaine=$('#domaine option:selected').val();

---

Tchi, dépassez par une grenouille spatiale. :mouarf:

Avec .val() sa me donne toujours la valleur affiché dans le select plustot que la valeur que j'ai mis dans value.

L'id est bien accepté et transmis par le lien en contenant la bonne valeur.

Concretement quand je fais

Code:

---

<option value='".$domaine[2]."' id='".$domaine[1]."'>".$domaine[0]."</option>

---

cela revient par exemple a

Code:

---

<option value='5' id='3'>"traction"</option>

---

avec

Code:

---

var domaine=$('#domaine option:selected').attr('id');

---

j'obtien bien 3 mais avec

Code:

---

var sousdomaine=$('#domaine option:selected').attr('value');

---

je recupere "traction" alors que je cherche a recuperer le 5

Citation:

---

Envoyé par EIN-LESER

[...] avec

Code:

---

var sousdomaine=$('#domaine option:selected').attr('value');

---

je recupere "traction" alors que je cherche a recuperer le 5

---

Tu le fais exprès ou c'est un oubli ??? on t'as dit de ne pas utiliser .attr()pour récupérer la valeur mais .val() !!

Code:

---

var sousdomaine=$('#domaine option:selected').val();

---

Me donne exactement le meme resultal malheureusement :calim2:

alors je répète ...

Un option n'a pas d'id ...

de plus un id ne doit jamais être uniquement numérique ni commencer par un caractère numérique

Pourtant :

Citation:

---

Standard Attributes

The <option> tag supports the following standard attributes:

Attribute Value Description DTD
class classname Specifies a classname for an element STF
dir rtl
ltr Specifies the text direction for the content in an element STF
id id Specifies a unique id for an element STF
lang language_code Specifies a language code for the content in an element STF
style style_definition Specifies an inline style for an element STF
title text Specifies extra information about an element STF
xml:lang language_code Specifies a language code for the content in an element, in XHTML documents STF

---

Mais bon peu importe pour l'instant car cette partie functionne.

Le plus simple est peut être de mettre un autre attribut pour l'attaquer en js.

Salut,

Je sais pas si cela peut t'aider :

Code:

---

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

function choix(objetselect) { var selectione="";   for (i=0; i<objetselect.options.length; i++) { if (objetselect.options[i].selected ) { selectione = objetselect.options[i].value+" ; "+selectione; } } return selectione; }

---

Essaie avec ces deux propriétés :
objetselect.options[i].text
objetselect.options[i].value

J'ai essayé avec

Code:

---

var sousdomaine=appel(document.tri.sousdomaine);

---

tri étant le nom du form et sousdomaine le nom du select.

Avec .text aussi bien qu'avec .value ça ne donne aucun résultat.

Enfin si. ^^

Citation:

---

Webpage error details
Message: 'document.tri.sousdomaine' is null or not an object
Line: 119
Char: 4
Code: 0

---

Ce code m'en veut. lol

j'ai essayé :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function ActionSelect(Objet,nominputobjet) { var selectione=""; var Num=0; for (i=0; i<Objet.options.length; i++) { if (Objet.options[i].selected ) { Num=Number(Num+1); selectione = Objet.options[i].value+" ; "+selectione; } }

---

Code:

---

1 2 3 4 5 6 7

<SELECT id="criterechoix1" name="criterechoix1" onchange="ActionSelect(this,'critere1')" onselect="ActionSelect(this,'critere1')" STYLE="width:200px" > <OPTION VALUE="Artistes1">Artistes</OPTION> <OPTION VALUE="Lieux1">Lieux</OPTION> <OPTION VALUE="Style1">Style</OPTION> <OPTION VALUE="Date1">Date</OPTION> </SELECT>

---

Et cela me renvoie bien la value et non le texte affiché. Donc ça marche.
Ton erreur ne vient pas de la construction de ton select?
Tu es sûr que $domaine[2] est diff de $domaine[0] ?

Voici la sortie html que m'affiche IE.

Code:

---

1 2 3 4 5 6 7 8

</SELECT></BR></BR><LABEL style="FLOAT: left">Sous cathegorie</LABEL> <SELECT id=sousdomaine name=sousdomaine jQuery162006607640727140368="4"> <OPTION id=6 class=39 selected value=39>autres structures</OPTION> <OPTION id=6 class=36 value=36>ecrans acoustiques</OPTION><OPTION id=6 class=35 value=35>murs</OPTION> <OPTION id=6 class=38 value=38>Oa non courants</OPTION><OPTION id=6 class=34 value=34>passages souterrains</OPTION> <OPTION id=6 class=33 value=33>Passerelles</OPTION><OPTION id=6 class=31 value=31>ponts-rails</OPTION> <OPTION id=6 class=32 value=32>Ponts-route</OPTION><OPTION id=6 class=37 value=37>tunnels</OPTION> </SELECT>

---

La valeur mis dans class et value est bien different de ce que j'affiche pour l'user.

Pourtant impossible d'y avoir acces.

value='39' et no value=39
enfin je crois. D'où, objet 39 inconnu.

dans ton code

Code:

---

echo("<option value='".$domaine[2]."' id='".$domaine[1]."'>".$domaine[0]."</option>");

---

tu as bien mis les '. Tu es sûr que ton code est bien généré par ce code?

Et si tu enlève les ( ) de ton echo ? (on sait jamais :aie:)

Sinon je vois pas pourquoi il te zappe les ' mais ton erreur vient de là.

J'ai trouvé ma betise mais j'aurais besoin d'un grand coup de main d'un de vous :calim2:

Quelqun pourrait il se deplacer pour me mettre son pied au c** please :aie:

Sa pouvait pas marcher quand je chercherais a faire

Code:

---

var sousdomaine=$('#domaine option:selected').attr('value');

---

compte tenus du fait que je voulais avoir acces a la valeur value de l'option se"lectionné dans le select SOUSDOMAINE il serait bien d'essayer en attaquant le BON select snif:

Code:

---

var sousdomaine=$('#sousdomaine option:selected').attr('value');

---

J'ai honte :oops:

Merci pour tout en tout cas.

Un id doit être unique sur la page ...

les attribut html doivent être entre quotes

id="monid"

d'aprés mon post précédent, cela m'étonne que ça marche.

Code:

---

id=9

---

renvoi une erreur non?
comparé à id='9'.

Citation:

---

je voulais avoir acces a la valeur value de l'option se"lectionné dans le select SOUSDOMAINE

---

Encore une fois, la façon correcte de le faire est

Code:

---

$('#sousdomaine').val();

---

heu :

$('#sousdomaine option:selected').val() est egal à $('#sousdomaine').val() ?

Jquery est vraiment trop fort :zoubi:.

Je suppose qu'il renvoie toutes les val() si multiple select?...

Il suffit de regarder la doc : .val().

Quant aux attributs HTML, il ne doivent avoir une valeur et être entourés de quotes uniquement en xhtml (syntaxe XML), le HTML autorise les attributs booléens (donc sans valeur) ou l'absence de quote (mais il faut faire attention aux valeurs dans ce cas, pas d'espace ou de caractères litigieux).