selectedIndex

4 réponses

joris

25/09/2004 à 11:04

Bonjour,

J'aimerais tout simplement faire une fonction JS qui change l'option
selectionnée d'un objet SELECT.

Par exemple :
<select name="select" >
<option value="0" selected>Option1</option>
<option value="1">Option2</option>

et une fonction du style :
function change() {select.options[select.selectedIndex].value=2;}

Soit je m'y prend mal, soit cette propriété est en lecture seule.
J'avoue que j'y connais un peu rien en JS ni en HTML d'ailleurs.
Si quelqu'un peut m'aider, merci bien.

4 réponses

Bul

25/09/2004 à 12:53

bonjour,
<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
function chg()
{sel.selectedIndex=1;}
</script>
</HEAD>
<BODY>
<select name="sel"
size=5>
<option value="0" selected>Option1</option>
<option value="1">Option2</option>
</select>
<input type="button"
value="sélectionner la 2ème ligne"
onclick="chg();">
</BODY>
</HTML>
il vaut mieux éviter les noms comme
select,change ... qui servent en javascript.
cordialement.

26/09/2004 à 23:20

Bonjour,

J'aimerais tout simplement faire une fonction JS qui change l'option
selectionnée d'un objet SELECT.

Par exemple :
<select name="select"
onchange=" var z = this.options.selctedIndex;

if(z == 0) alert('Veillez choisir dans la liste');
else {
truc=window.open('','','width 0,height0');
truc.document.write('Vous avez choisi '+this.options[z].value);
alert('Votre choix = '+this.options[z].text);">

<option value="0" selected>Option1</option>
<option value="1">Option2</option>

et une fonction du style :
function change() {select.options[select.selectedIndex].value=2;}

Soit je m'y prend mal, soit cette propriété est en lecture seule.
J'avoue que j'y connais un peu rien en JS ni en HTML d'ailleurs.
Si quelqu'un peut m'aider, merci bien.

Ce n'était donc pas "change" mais "onchange" ;-)

Maintenant, si tu veux changer les éléments de la liste

<a hre="#" onclick=" with(document.monForm.select) {
options[2].value = 'pommes';
options[3].texte = 'Des Pommes';}">Mettre pommes en 3</a>

--
******** (enlever/remove [OTER_MOI] du/from reply url) *******
Stéphane MORIAUX : mailto:
Aide aux Pages Perso (images & couleurs, formulaire, CHP, JS)
http://perso.wanadoo.fr/stephane.moriaux/internet/
**************************************************************

Saad Saad

27/09/2004 à 23:48

Salut,

Ton code contenait quelques erreurs, je me suis permis de le modifier
pour qu'il fonctionne correctement :

//-------------------------
HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
function chg(form)
{
form.sel.selectedIndex=1;
}
</script>
</HEAD>
<BODY>
<form>
<select name="sel" size=5>
<option value="0" selected>Option1</option>
<option value="1">Option2</option>
</select>
<input type="button"
value="sélectionner la 2ème ligne"
onclick="chg(this.form);">
</form>
</BODY>
</HTML>

//-------------------

--
Saad Saad

bonjour,
<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
function chg()
{sel.selectedIndex=1;}
</script>
</HEAD>
<BODY>
<select name="sel"
size=5>
<option value="0" selected>Option1</option>
<option value="1">Option2</option>
</select>
<input type="button"
value="sélectionner la 2ème ligne"
onclick="chg();">
</BODY>
</HTML>
il vaut mieux éviter les noms comme
select,change ... qui servent en javascript.
cordialement.

Saad Saad

27/09/2004 à 23:49

function change()
{
document.forms[0].select.selectedIndex=taValeur;
}

La premiere valeur de ta liste = 0;

--
Saad Saad

Bonjour,

J'aimerais tout simplement faire une fonction JS qui change l'option
selectionnée d'un objet SELECT.

Par exemple :
<select name="select" >
<option value="0" selected>Option1</option>
<option value="1">Option2</option>

et une fonction du style :
function change() {select.options[select.selectedIndex].value=2;}

Soit je m'y prend mal, soit cette propriété est en lecture seule.
J'avoue que j'y connais un peu rien en JS ni en HTML d'ailleurs.
Si quelqu'un peut m'aider, merci bien.

selectedIndex

4 réponses

Veuillez sélectionner un problème