Populating textboxes with arrays

@OahgnegApr 28.2008

In my webpage there 3 text boxes (txt1, txt2, txt3) & a button. My Javascript has 2 arrays:
var s = new Array(1, 2);
var m = new Array(3, 4);

How do I do the Javascript & HTML so that if I enter ‘s’ into txt1 & click the button the values ‘1’ & ‘2’ in the array shows in txt2 & txt3? Same with ‘m’ array

to post a comment

JavaScript

@bathurst_guyApr 28.2008 — #Show us what you have worked out so far for your assignment then we can point to in the right direction.

@A1ien51Apr 28.2008 — #A better way of doing it would be to store the lines in an object and reference it that way.

<i>
 </i>var data = {
 s : [1, 2],
 m : [3, 4]
 }
 
 
 function foo(){
 
 var userInput = document.forms[0].txt1.value;
 var vals = data[userInput];
 var val1="";
 var val2="";
 
 if(vals==null){
 val1 = vals[0];
 val2 = vals[1];
 }
 
 document.forms[0].txt2.value = val1;
 document.forms[0].txt3.value = val2;
 
 }

Eric

@OahgnegauthorApr 28.2008 — #A1ien51 I tried your script but I got this error?

'document.forms.0.txt1 is null or not an object'

@A1ien51Apr 28.2008 — #Do you have a form tag? Do you have a name set on your textboxes? Show us what you have done.

Eric

@OahgnegauthorApr 28.2008 — #Do you have a form tag?

Eric[/QUOTE]
...So that was what's missing. But what URL do I put in the action attribute?

Here's what I have so far:

[CODE]<HTML>
 <HEAD>
 <TITLE>JavaScript</TITLE>
 <SCRIPT LANGUAGE="JAVASCRIPT">
 var data = {
 s : [1, 2],
 m : [3, 4]
 }
 
 function foo(){
 
 var userInput = document.forms[0].txt1.value;
 var vals = data[userInput];
 var val1="";
 var val2="";
 
 if(vals==null){
 val1 = vals[0];
 val2 = vals[1];
 }
 
 document.forms[0].txt2.value = val1;
 document.forms[0].txt3.value = val2;
 
 }
 </script>
 </HEAD>
 <BODY bgcolor="blue">
 <input type = “text” name=”txt1” id="txt1" value="" /><br>
 <input type="button" value="button" name="button" onclick="return foo()"/><br>
 <input type = “text” name=”txt2” id="txt2" value="" /><br>
 <input type = “text” name=”txt3” id="txt3" value="" />
 </BODY>
 </HTML>[/CODE]

Populating textboxes with arrays

5 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Populating textboxes with arrays

5 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #JavaScript _↴