Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage JavaScript Script sur un select dans un formulaire

Script sur un select dans un formulaire

2 réponses
Avatar
Georges
Bonsoir,

J'ai récupéré un script et du php mais à l'assemblage, ce script ne
fonctionne pas.

D'autre part, je que je voudrai faire vraiment, c'est qu'survol d'une option
du select (genre onFocus), une donnees complémentaire s'affiche à droite.

Voici le script reconstitué

merci pour votre aide


Geroges
<----- début
function request05(){
var l1 = f.elements["list1"];
var l2 = f.elements["list2"];
var index = l1.selectedIndex;
if(index < 1)
l2.options.length = 0;
else {
var xhr_object = null;

if(window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets
XMLHTTPRequest...");
return;
}

xhr_object.open("POST", "species.php", true);

xhr_object.onreadystatechange = function() {
if(xhr_object.readyState == 4)
eval(xhr_object.responseText);
}

xhr_object.setRequestHeader("Content-type",
"application/x-www-form-urlencoded");
var data =
"family="+escape(l1.options[index].value)+"&form="+f.name+"&select=list2";
xhr_object.send(data);
}
}
----> fin

le prog species.php va chercher les datas sur mysql
Signaler un problème avec ce contenu

2 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
SAM
Bonsoir,

J'ai récupéré un script et du php mais à l'assemblage, ce script ne
fonctionne pas.

D'autre part, je que je voudrai faire vraiment, c'est qu'survol d'une option
du select (genre onFocus), une donnees complémentaire s'affiche à droite.


à droite du select ?
en plus sur la ligne de l'option ?

<option onfocus="this.className='vu';" onblur="this.className='';">
blabla <span>info complémentaire</span>
</option>

avec la CSS :
option span { visibility: hidden }
option.vu span { visibility:visible }

(sans garantie)

Voici le script reconstitué



function request05(){
var l1 = f.elements["list1"];
var l2 = f.elements["list2"];
var index = l1.selectedIndex;
if(index < 1)
l2.options.length = 0;


Ha Oui ! original !


(snip)
xhr_object.setRequestHeader("Content-type",
"application/x-www-form-urlencoded");
var data =
"family="+escape(l1.options[index].value)+"&form="+f.name+"&select=list2";


ne serait-ce point :

var data = "family="+escape(l1.options[index].value)+"&form="+f.name+
"&select="+f.list2.value;

ou :

var data = "family="+escape(l1.options[index].value)+"&form="+f.name+
"&select="+f.list2.options[f.list2.selectedIndex].value;


xhr_object.send(data);
}
}



--
sm

Avatar
Georges
"SAM"
Voici le script reconstitué


Ha Oui ! original !
Ok, merci SAM, je vais essayer.


Cordialement
Georges