Accessing select boxes in JS functions???

Albuckj · Jan 14, 2002

I have realised that I can't access a select boxes' text values (using boxname.options[x].text) from within a Javascript function. The only place I can is just surrounding some JS code with the script tags int the body. Even if I put in in a function in the body it can't see it. It says:
'document.form1.boxname' is not an object

What am I doing wrong????

raikyng · Jan 14, 2002

hi!!

i put in this document some example that will help you(i hope) to understand the select box.

note that you can change the text inside the box and its value, but adressing to options[0] will get you to the box header rather than its first element.....

<HTML>
<HEAD>
<TITLE></TITLE>
<script language="javascript">
function Calculate(){
var frm = document.forms["frm1"];
frm.target.value =frm.from.value + frm.to.value;

}

</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080">
<form name="frm1">
<select size="1" name="from" onchange="Calculate();">
<option selected>-- Please Choose --</option>
<option value="a">a</option>
<option value="b">b</option>
</select>
<select size="1" name="to" onchange="Calculate();">
<option selected>-- Please Choose --</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type="text" name="target" size="20">
</form>
<script language="javascript">
document.forms["frm1"].from.options[1].text = "X";
document.forms["frm1"].from.options[1].value = "XaX";

</script>

</BODY>
</HTML>

goodluck!!!

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!

Accessing select boxes in JS functions???

Albuckj

Programmer

raikyng

Programmer

Similar threads

Part and Inventory Search

Sponsor