Hej, Jag kan ge dig lite tips iaf. ;) Den vill inte funka, men jag borde vara på rätt väg nu eller? Löst , tack Råkade skriva = istället för == så nu funkar detKontollera listboxar
Nu har jag försökt lite men får inte till det, borde inte vara så svårt
Jag har tre st (kan bli 10).
<SELECT id=select1 name=select1>
<OPTION Value=""> </OPTION>
<OPTION Value="1">Post 1</OPTION>
<OPTION Value="2">Post 2</OPTION>
<OPTION Value="3">Post 3</OPTION>
</SELECT>
Men man ska inte kunna välja samma värde som någon annan lista
Då jag inte riktigt är hemma på dom här bitarna men jag vet hur man bör göra
onchange= anropa funktion - skicka in "this"
i funktionen lopa igenom alla select + i, då nästa heter select2
och om den finns någon annan stans så skall den andra blankas.
Det kan väl inte vara så svår :)
//HenkeSv: Kontollera listboxar
onchange="min_funktion(this);"
min_funktion(obj)
{
var s = new String();
s = obj.id; //Extrahera id:t
for(var i=1;i<=3;i++) //Loopa igenom alla dropdowns
{
var o;
o = document.getElementById('select' + i.toString()); //Hämta objekt utifrån id:t
if(o!=obj) //Vi vill inte se ifall den ändrade dropdownen har samma värde som sig själv :)
{
if(/*Skriv ett test för om de har samma värde*/)
{
//"blanka" den gamla dropdownen
}
}
}
}
Ta dig en titt på:
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/selectedindex.asp ;)Sv: Kontollera listboxar
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
//onchange="min_funktion(this);"
function min_funktion(obj)
{
var s = new String();
var Val1 = obj.options[obj.selectedIndex].value;
s = obj.id; //Extrahera id:t
for(var i=1;i<=3;i++) //Loopa igenom alla dropdowns
{
var o;
o= document.getElementById('select' + i.toString()); //Hämta objekt utifrån id:t
var Val2 = o.options[o.selectedIndex].value;
if(o!=obj) //Vi vill inte se ifall den ändrade dropdownen har samma värde som sig själv :)
{
if(Val1 = Val2)
{
//"blanka" den gamla dropdownen
Val2.selectedIndex = 0;
}
}
}
}
</script>
</HEAD>
<BODY>
<form method="POST" name="MForm">
Try to select the same color:
<br>
<select name="select1" id="select1" onchange="min_funktion(this);">
<option selected value=''>Select your first prefered color</option>
<option value='R'>Red</option>
<option value='J'>Yellow</option>
<option value='G'>Green</option>
<option value='B'>Blue</option>
</select>
<select name="select2" id="select2" onchange="min_funktion(this);">
<option selected value=''>Select Second Prefered color</option>
<option value='R'>Red</option>
<option value='J'>Yellow</option>
<option value='G'>Green</option>
<option value='B'>Blue</option>
</select>
<select name="select3" id="select3" onchange="min_funktion(this);">
<option selected value=''>Select Second Prefered color</option>
<option value='R'>Red</option>
<option value='J'>Yellow</option>
<option value='G'>Green</option>
<option value='B'>Blue</option>
</select>
</form>
<!-- Script Size: 2.34 KB -->Sv: Kontollera listboxar
o.selectedIndex = 0;
Trodde jag :(
men den blankar nu ut alla så detta borde jag kunna lösa, med lite labbSv: Kontollera listboxar
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
//onchange="min_funktion(this);"
function min_funktion(obj)
{
var s = new String();
s = obj.id; //Extrahera id:t
for(var i=1;i<=3;i++) //Loopa igenom alla dropdowns
{
var o;
o= document.getElementById('select' + i.toString()); //Hämta objekt utifrån id:t
//var Val2 = o.options[o.selectedIndex].value;
if(o!=obj) //Vi vill inte se ifall den ändrade dropdownen har samma värde som sig själv :)
{
if(obj.selectedIndex == o.selectedIndex)
{
//"blanka" den gamla dropdownen
o.selectedIndex = '';
}
}
}
}
</script>
</HEAD>
<BODY>
<form method="POST" name="MForm">
Try to select the same color:
<br>
<select name="select1" id="select1" onchange="min_funktion(this);">
<option selected value='0'>Select your first prefered color</option>
<option value='R'>Red</option>
<option value='J'>Yellow</option>
<option value='G'>Green</option>
<option value='B'>Blue</option>
</select>
<select name="select2" id="select2" onchange="min_funktion(this);">
<option selected value='0'>Select Second Prefered color</option>
<option value='R'>Red</option>
<option value='J'>Yellow</option>
<option value='G'>Green</option>
<option value='B'>Blue</option>
</select>
<select name="select3" id="select3" onchange="min_funktion(this);">
<option selected value='0'>Select Second Prefered color</option>
<option value='R'>Red</option>
<option value='J'>Yellow</option>
<option value='G'>Green</option>
<option value='B'>Blue</option>
</select>
</form>