Hantera värde från select

3 svar · 262 visningar · startad av henkz 11 dec. 2004

henkzMedlem sedan apr. 2002183 inlägg

Frågan11 dec. 2004 13:55#1

Nu har jag fastnat helt.

Jag vill kunna hämta ett värde från en selectlista med "onChange" och jämföra värdet mot en lista. Om värdet matchar någon av talen i listan, ska en <div> visas.

tex
<option value='1'>Val 1</option>
<option value='2'>Val 2</option>
m.fl

Tänkbar lösning:
OM värde = "1, 3, 14, 45" DÅ visas en <div>

Går detta att lösa?

Peter SMedlem sedan dec. 20025 483 inlägg

11 dec. 2004 18:38#2

<script type="text/javascript">

Array.prototype.contains = function(v){
    var i = this.length;
    while (i--)
	if (this[i] == v)
	    return true;
    return false;
}

function sdiv(v){
    var elm = document.getElementById("div");

    if ("1, 3, 14, 45".split(",").contains(v))
	elm.style.visibility = "visible";
    else
	elm.style.visibility = "hidden";
}
</script>

<form>
    <select onchange="sdiv(this.options[this.selectedIndex].value)">
	<option value="1">1</option>
	<option value="2">2</option>
    </select>
</form>

<div id="div" style="visibility:hidden">div</div>

henkzMedlem sedan apr. 2002183 inlägg

11 dec. 2004 19:03#3

Tack, en bra bit på väg!

Första idet (2) hittas och fungerar som jag har tänkt, men de övriga 3,14,45 , valen fungerar inte.

henkzMedlem sedan apr. 2002183 inlägg

11 dec. 2004 19:18#4

löste det!

Ändrade:
if ("1, 3, 14, 45".split(",").contains(v))
till
if ("1,3,14,45".split(",").contains(v))