Validating select options before and after selection

lawlerpat · Jun 12, 2003

I have an option object that I need to evaluate the selection of by comparing the original value that was loaded when the page was sent to the new value on changes.

Once the onChange() event occurs, I have lost the original value in object.options[obj.selectedIndex].value

Question: "How can I get the original value loaded into a variable and compare that to the new changed value"

Additional Comments: I created a function for the onFocus event to set the original value, but it seems as it this function is called once originally then as soon as I mouse up on the new selection the onFocus() function is called again thus resetting my origVariable to the new value.

Thanks

jemminger · Jun 12, 2003

here's one way:

<html>
<head>
<title>test</title>

<script type="text/javascript">
function storeIt(oSel) {
origVal = self.origVal?
self.origVal:
oSel[oSel.selectedIndex].value;
}
function checkIt(oSel) {
var newVal = oSel[oSel.selectedIndex].value;
alert("origVal = " + origVal +
"\nnewVal = " + newVal);
}
</script>
</head>

<body>
<form>
<select name="sel" onmousedown="storeIt(this);" onchange="checkIt(this);">
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
</select>
</form>
</body>
</html>

=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff

http://www.jeffemminger.com

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Validating select options before and after selection

lawlerpat

Programmer

jemminger

Programmer

Similar threads

Part and Inventory Search

Sponsor