AutoSelect 2 Selects

2 svar · 281 visningar · startad av SteveP 24 juli 2003

StevePMedlem sedan mars 2003772 inlägg

Frågan24 juli 2003 13:55#1

Jag 2 st Selectlistor.

Jag vill relatera dessa "2" genom Namnet.

När man väljer Stefan Andersson i första listan så ska Stefan Andersson automatiskt väljas i den under select listan.
Dom ska alltså relateras genom "text"

Jag har försökt med följande


function matchStartPersonList(t,obj){
	for(var i=0;i<obj.length;i++){
		obj[i].selected=(t==obj[i].text);
	}
   document.forms[0].ListedPersons.text = document.forms[0].Person[document.forms[0].Person.selectedIndex].text;
}

<select size="4" name="ListedPersons" onChange="matchStartPersonList(this[this.selectedIndex].text,this.form.Person);">
<option value="9340">Stefan Andersson</option>
<option value="9341">Trevor Deadman</option>
<option value="9342"></option>
</select>

<select class="selectflex" name="Person">
<option value=3>Stefan Andersson</option>
<option value=17>Trevor Deadman</option>
<option value=72>Mikael Svensson</option>
<option value=122>Johan Lindvall</option>
<option value=44>Tommy Rikard</option>
</select>

CheguelinMedlem sedan juli 2003303 inlägg

24 juli 2003 14:21#2

Select-elementen finns inte i något formulär. För att använda this.form så måste elementen finnas i ett form-element, annars är this.form null. Alltså, sätt <form>-taggar runt dina <select>-taggar så fungerar din kod.

StevePMedlem sedan mars 2003772 inlägg

24 juli 2003 14:23#3

aa märkte det.. nu funkar det

function matchStart(t,obj){
	for(var i=0;i<obj.length;i++){
		obj[i].selected=(t==obj[i].text);
	}
}

</script>

<form>
<select size="4" name="ListedPersons" onChange="matchStart(this[this.selectedIndex].text,this.form.Person);">
<option value="9340">Stefan Andersson</option>
<option value="9341">Trevor Deadman</option>
<option value="9342"></option>
</select>

<select class="selectflex" name="Person">
<option value=3>Stefan Andersson</option>
<option value=17>Trevor Deadman</option>
<option value=72>Mikael Svensson</option>
<option value=122>Johan Lindvall</option>
<option value=44>Tommy Rikard</option>
</select>

tack!