The switch Construction in Action
|
|
|
|
|
/*
JavaScript Bible, Fourth Edition
by Danny Goodman
John Wiley & Sons CopyRight 2001
*/
<HTML>
<HEAD>
<TITLE>Switch Statement and Labeled Break</TITLE>
<SCRIPT LANGUAGE="JavaScript1.2">
// build two product arrays, simulating two database tables
function product(name, price) {
this.name = name
this.price = price
}
var ICs = new Array()
ICs[0] = new product("Septium 900MHz","$149")
ICs[1] = new product("Septium Pro 1.0GHz","$249")
ICs[2] = new product("Octium BFD 750MHz","$329")
var snacks = new Array
snacks[0] = new product("Rays Potato Chips","$1.79")
snacks[1] = new product("Cheezey-ettes","$1.59")
snacks[2] = new product("Tortilla Flats","$2.29")
// lookup in the 'table' associated with the product
function getPrice(selector) {
var chipName = selector.options[selector.selectedIndex].text
var outField = document.forms[0].cost
master:
switch(selector.options[selector.selectedIndex].value) {
case "ICs":
for (var i = 0; i < ICs.length; i++) {
if (ICs[i].name == chipName) {
outField.value = ICs[i].price
break master
}
}
break
case "snacks":
for (var i = 0; i < snacks.length; i++) {
if (snacks[i].name == chipName) {
outField.value = snacks[i].price
break master
}
}
break
default:
outField.value = "Not Found"
}
}
</SCRIPT>
</HEAD>
<BODY>
<B>Branching with the switch Statement</B>
<HR>
Select a chip for lookup in the chip price tables:<P>
<FORM>
Chip:<SELECT NAME="chips" onChange="getPrice(this)">
<OPTION>
<OPTION VALUE="ICs">Septium 900MHz
<OPTION VALUE="ICs">Septium Pro 1.0GHz
<OPTION VALUE="ICs">Octium BFD 750MHz
<OPTION VALUE="snacks">Rays Potato Chips
<OPTION VALUE="snacks">Cheezey-ettes
<OPTION VALUE="snacks">Tortilla Flats
<OPTION>Poker Chipset
</SELECT>
Price:<INPUT TYPE="text" NAME="cost" SIZE=10>
</FORM>
</BODY>
</HTML>
|
|
|
|
|
Related Scripts with Example Source Code in same category :
-
-
-
|
|
