selectedIndex — webForum

nille99Medlem sedan aug. 2002352 inlägg

21 jan. 2003 09:08#1

jag har en rullningslista som kan ta bort inmatningsrutor
om man väljer ett alternativ

[kod]
document.getElementById('element_id').style.display=(this.selectedIndex==1||this.selectedIndex==3)?'inline':'none';
[kod]

om man väljer alternativ 1 eller 3 så försvinner dom men om man väljer dom andra alternatien så kommer dom fram

nu vill jag att om man väljer tex alternativ 2 så ska inget hända

[kod]
document.getElementById('element_id').style.display=(this.selectedIndex==1||this.selectedIndex==3)?'inline':'none';document.getElementById('element_id').style.display=(this.selectedIndex==0||this.selectedIndex==2)?'none':'none';
[kod]

Peter SMedlem sedan dec. 20025 483 inlägg

21 jan. 2003 14:22#2

<script type="text/javascript">
<!--

function displayInput(o){
	var elm1 = document.getElementById("foo");
	var elm2 = document.getElementById("bar");

	switch(o.selectedIndex){
	case 0:
		// Ingenting händer. Coolt...
		break;
	case 1:
		elm1.style.visibility = (elm1.style.visibility == "hidden") ? "visible" : "hidden";
		break;
	case 2:
		// Ingenting händer. Ännu coolare...
		break;
	case 3:
		elm2.style.visibility = (elm2.style.visibility == "hidden") ? "visible" : "hidden";
		break;
	}
};

//-->
</script>

<body>

<form>

<select onchange="displayInput(this)">
	<option value="1">Alternativ 1</option>
	<option value="2">Alternativ 2</option>
	<option value="3">Alternativ 3</option>
	<option value="4">Alternativ 4</option>
</select>

<div>
	<input type="text" id="foo">
	<input type="text" id="bar">
</div>

</form>

</body>