Flytta upp och ner

KimMedlem sedan jan. 20007 697 inlägg

Frågan5 nov. 2001 13:26#1

Jag har en SELECT-box där jag visar ca. 10 options som man kan välja mellan. Jag vill nu lägga till en knapp för att kunna flytta ett av valen uppåt och en knapp för att kunna flytta val neråt.

Det där blev kanske lite konstigt, men ni kanske förstår ändå. Vore trevligt om jag kunde få lite hjälp med det här.

JojoxxMedlem sedan juni 20004 308 inlägg

5 nov. 2001 19:44#2

Exempel;

<h4>Markera och flytta</h4>
<form>
<select name="foo" size="10">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select><br>
<input type="button" onClick="moveit(this.form.foo,-1)" value="Flytta upp">
<input type="button" onClick="moveit(this.form.foo,1)" value="Flytta ner">
</form>
<script language="JavaScript" type="text/javascript">
function moveit(obj,n){
	if(obj.selectedIndex<0) return;
	if(obj.selectedIndex==obj.length-1 && n>0 &#0124;&#0124; obj.selectedIndex==0 && n<0) return;
	var ttext = obj[obj.selectedIndex+n].text; 	var tvalue = obj[obj.selectedIndex+n].value;
	obj[obj.selectedIndex+n].text = obj[obj.selectedIndex].text; obj[obj.selectedIndex+n].value = obj[obj.selectedIndex].value;
	obj[obj.selectedIndex].text = ttext; obj[obj.selectedIndex].value = tvalue;
	obj.selectedIndex+=n;
}
</script>