Please Help with this petty question...

adamrobo · Jan 3, 2003

Hello...I have a really simple question that I need help with ASAP. Anyways, I have this script for an address book that has radio buttons A-Z, a submit button, and a separate window that displays results. It can be found at

http://simplythebest.net/info/javascript51.html.

Anyways, What I want to do is use a drop down instead of radio buttons. What do I do? I have the drop down form all implemented in my script but I dont know what action or whatever to make it work. Help? Heres the code I have without the drop down, but with the radio buttons.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
var rcrd = new Object();
rcrd[0] = "Gracie Allen, Javascript programmer, Tel. 234-5678 ext 13"
+ "\rHarold Ammons, DHTML scripts editor, Tel. 777-0987 ext 23"
+ "\rJames Atkin, Research and Development, Tel. 777-0933 ext 17";
rcrd[1] = "George Burns, Database designer, Tel. 232-5178 ext 91"
+ "\rAnne Byzantine, Accountant, Tel. 456-0987 ext 33";
rcrd[2] = "Harrison Czar, Administration, Tel. 232-5178 ext 12";
rcrd[3] = "Dillard Dally, Corporate Efficiency, Tel. 232-5178 ext 88 "
+ "email: dillydally@corp.com"
+ "\rSandy Dodge, Secretarial, Tel. 456-6543 ext 44";
rcrd[4] = "Heloise Eloise, Human Relations, Tel. 232-2909 ext 59"
+ "\rJerry Ezzard, Political Liasson, Tel. 456-9800 ext 41";
rcrd[5] = "George Fatchance, Corporate Lending, Tel. 546-7712 ext 19"
+ "\rBjorn Fjord, Foreign Relations, Tel. 456-6651 ext 28";
function dataBase(isnform) {
for (var i = 0; i < 6; i++) {
if (isnform.alpha.checked) {
recnum = isnform.alpha.value;
}
}
if (rcrd[recnum] != null) {

document.isnform.display.value = rcrd[recnum];
}
else document.isnform.display.value = "Sorry, no listings for that letter.";
}
// End Hiding Script -->
</SCRIPT>
</head>

<body>
<form name="isnform">
<input type="radio" name="alpha" value="0">A</font></p>
<input type="radio" name="alpha" value="1">B</font></p>
<input type="radio" name="alpha" value="2">C</font></p>
<input type="radio" name="alpha" value="3">D</font></p>
<input type="radio" name="alpha" value="4">E</font></p>
<input type="radio" name="alpha" value="5">F</font></p>
<input type="button" name="but" value=" Find " onclick="dataBase(this.form)"></font></p>
<textarea name="display" rows="4" cols="57"></textarea>
</FORM>
</body>
</html>

Thanks TONS
Adam

mwolf00 · Jan 3, 2003

function dataBase() {
recNum = document.isnform.mySelect.selectedIndex note that the selectedIndex is equal to the value

if (rcrd[recnum] != null) {
document.isnform.display.value = rcrd[recnum];
}
else document.isnform.display.value = "Sorry, no listings for that letter.";
}

<select name=mySelect>
<option value=0>A
<option value=1>B
<option value=2>C
<option value=3>D
<option value=4>E
</select>
<input type="button" name="but" value=" Find " onclick="dataBase(this.form)"></font></p>
<textarea name="display" rows="4" cols="57"></textarea> Get the Best Answers! faq333-2924
Happy 2003! [cheers]

mikewolf@tst-us.com

adamrobo · Jan 3, 2003

Heres what I came up with and it sill doesnt work

What am I doing wrong?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
var rcrd = new Object();
rcrd[0] = "Alt Lori K 419.627.4619 Email"
+ "\rAmaya Rick 419.627.4516 N/A"
+ "\rArmendariz Anna M 419.627.4614 Email"
+ "\rAust Linda P 419.627.4547 Email"
+ "\rBaum Ann E 419.627.4538 Email"
+ "\rBodi Kathy A 419.627.4554 Email"
+ "\rBransky Phyllis L 419.627.4670 Email"
+ "\rBuathier Cathy M 419.627.4651 Email"
+ "\rBundren Anna L 419.627.4537 Email"
+ "\rBurkey Judy A 419.627.4509 Email"
+ "\rButler James E 419.627.4538 Email"
+ "\rChrislip Meg C 419.627.4646 Email"
+ "\rClaar Deb 419.627.4517 Email"
+ "\rCullen Courtney B 419.627.4527 Email"
+ "\rDalferro Donna J 419.627.4551 Email"
+ "\rDonaldson Chris M 419.627.4527 Email"
+ "\rDorland Chris A 419.627.4565 Email"
+ "\rDoski Vicky L 419.627.4621 Email"
+ "\rDragstedt Joy L 419.627.4564 Email"
+ "\rDudek Kathy 419.627.4521 Email"
+ "\rFinneran Rich C 419.627.4659 Email"
+ "\rFrancis Dena 419.627.4517 N/A"
+ "\rGalloway Pam J 419.588.2095 Email"
+ "\rGasteier Marcia A 419.627.4502 Email";
rcrd[1] = "George Burns, Database designer, Tel. 232-5178 ext 91"
+ "\rAnne Byzantine, Accountant, Tel. 456-0987 ext 33";
rcrd[2] = "Harrison Czar, Administration, Tel. 232-5178 ext 12";
rcrd[3] = "Dillard Dally, Corporate Efficiency, Tel. 232-5178 ext 88 "
+ "email: dillydally@corp.com"
+ "\rSandy Dodge, Secretarial, Tel. 456-6543 ext 44";
rcrd[4] = "Heloise Eloise, Human Relations, Tel. 232-2909 ext 59"
+ "\rJerry Ezzard, Political Liasson, Tel. 456-9800 ext 41";
rcrd[5] = "George Fatchance, Corporate Lending, Tel. 546-7712 ext 19"
+ "\rBjorn Fjord, Foreign Relations, Tel. 456-6651 ext 28";
function dataBase() {
recNum = document.isnform.mySelect.selectedIndex

if (rcrd[recnum] != null) {
document.isnform.display.value = rcrd[recnum];
}
else document.isnform.display.value = "Sorry, no listings for that letter.";
}
</SCRIPT>
</head>
<form name "isnform">
<select name=mySelect>
<option value=0>A
<option value=1>B
<option value=2>C
<option value=3>D
<option value=4>E
</select>
<input type="button" name="but" value=" Find " onclick="dataBase(this.form)"></font></p>
<textarea name="display" rows="4" cols="57"></textarea>
</form>
</body>
</html>

mwolf00 · Jan 3, 2003

<input type="button" name="but" value=" Find " onclick="dataBase(~~this.form~~)"></font></p>

Should read:
<input type="button" name="but" value=" Find " onclick="dataBase()"></font></p> Get the Best Answers! faq333-2924
Happy 2003! [cheers]

mikewolf@tst-us.com

adamrobo · Jan 3, 2003

Hmmm...I still get an error...Did you test it at all?

Thank You

mwolf00 · Jan 3, 2003

Two Problems:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
var rcrd = new Object();
rcrd[0] = "Alt Lori K 419.627.4619 Email"
+ "\rAmaya Rick 419.627.4516 N/A"
+ "\rArmendariz Anna M 419.627.4614 Email"
+ "\rAust Linda P 419.627.4547 Email"
+ "\rBaum Ann E 419.627.4538 Email"
+ "\rBodi Kathy A 419.627.4554 Email"
+ "\rBransky Phyllis L 419.627.4670 Email"
+ "\rBuathier Cathy M 419.627.4651 Email"
+ "\rBundren Anna L 419.627.4537 Email"
+ "\rBurkey Judy A 419.627.4509 Email"
+ "\rButler James E 419.627.4538 Email"
+ "\rChrislip Meg C 419.627.4646 Email"
+ "\rClaar Deb 419.627.4517 Email"
+ "\rCullen Courtney B 419.627.4527 Email"
+ "\rDalferro Donna J 419.627.4551 Email"
+ "\rDonaldson Chris M 419.627.4527 Email"
+ "\rDorland Chris A 419.627.4565 Email"
+ "\rDoski Vicky L 419.627.4621 Email"
+ "\rDragstedt Joy L 419.627.4564 Email"
+ "\rDudek Kathy 419.627.4521 Email"
+ "\rFinneran Rich C 419.627.4659 Email"
+ "\rFrancis Dena 419.627.4517 N/A"
+ "\rGalloway Pam J 419.588.2095 Email"
+ "\rGasteier Marcia A 419.627.4502 Email";
rcrd[1] = "George Burns, Database designer, Tel. 232-5178 ext 91"
+ "\rAnne Byzantine, Accountant, Tel. 456-0987 ext 33";
rcrd[2] = "Harrison Czar, Administration, Tel. 232-5178 ext 12";
rcrd[3] = "Dillard Dally, Corporate Efficiency, Tel. 232-5178 ext 88 "
+ "email: dillydally@corp.com"
+ "\rSandy Dodge, Secretarial, Tel. 456-6543 ext 44";
rcrd[4] = "Heloise Eloise, Human Relations, Tel. 232-2909 ext 59"
+ "\rJerry Ezzard, Political Liasson, Tel. 456-9800 ext 41";
rcrd[5] = "George Fatchance, Corporate Lending, Tel. 546-7712 ext 19"
+ "\rBjorn Fjord, Foreign Relations, Tel. 456-6651 ext 28";
//RecNum != recnum != recNum (oops! - sorry - I need to watch my case)
function dataBase() {
recnum = document.isnform.mySelect.selectedIndex
if (rcrd[recnum] != null) {
document.isnform.display.value = rcrd[recnum];
}
else document.isnform.display.value = "Sorry, no listings for that letter.";
}
</SCRIPT>
</head>
<form name="isnform"> You were missing the equals(=) sign
<select name="mySelect">
<option value=0>A
<option value=1>B
<option value=2>C
<option value=3>D
<option value=4>E
</select>
<input type="button" name="but" value=" Find " onclick="dataBase()"></font></p>
<textarea name="display" rows="4" cols="57"> Get the Best Answers! faq333-2924
Happy 2003! [cheers]

mikewolf@tst-us.com

adamrobo · Jan 3, 2003

Thank You tons, it was that damn capital R that was killing me, hahaha. Thanks again!

adamrobo · Jan 3, 2003

mwolf00...1 more question...can I add links within the javascript that has the record information in the head? Im trying but its not working.

mwolf00 · Jan 3, 2003

I'm not sure exactly what you are trying to do.... Get the Best Answers! faq333-2924
Happy 2003! [cheers]

mikewolf@tst-us.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!

Please Help with this petty question...

adamrobo

Vendor

mwolf00

Programmer

adamrobo

Vendor

mwolf00

Programmer

adamrobo

Vendor

mwolf00

Programmer

adamrobo

Vendor

adamrobo

Vendor

mwolf00

Programmer

Similar threads

Part and Inventory Search

Sponsor