value to textbox question.

Hi,

I have an array with some data(tenant, price, property) that I would like to place in a few text boxes of a form when someone clicks a button.

I am only able to put one element of an array to the text box at a time like price or tenant or property but I would like to put all three data into their textbox when a button is clicked.

###ex. what I have###
tenant name:
rent due: price
property:

onclick show tenant(#)
##############################

###ex. what I would like###
tenant name: tenantname
rent due: price
property: HouseA

onclick show tenant(#)
###########################

So far if I put an alert box the code works I use the function toTextboxData() but its passing it to the textboxes that I have problems with.

I would appreciate any help that any one could offer.

Thank you in advance,
-sean.

Expand|Select|Wrap|Line Numbers

 
html

<html>

    <head>

        <title></title> <script language = "javascript" type="text/javascript" src="rent.js">  </script> </head>

    <body>

        <script language = "javascript" type="text/javascript">

            var rent =new Array();

           rent[0] = new Rent("tenantA", 1000, "HouseA");

            rent[1] = new Rent("tenantb", 2500, "HouseB");

            rent[2] = new Rent ("tenantc", 6000, "Housec");
 
        </script>

        <form>

           Tenant name : <input type="text" name="tenantTxt" />  <br/>

           Rent Due : <input type="text" name="priceTxt" />  <br/>

            Property : <input type = "text" name="propertyTxt" />

            <br/>        
 
        <input type="button" name = "Tenant1" value="Tenant 1" onClick =" (document.forms[0][1].value=(rent[0].price)); "/>        

            <input type="button" name = "Tenant2" value="Tenant 2" onClick =" (document.forms[0][1].value=(rent[1].price)); "/>        
 
        </form>

    </body>

</html>

Expand|Select|Wrap|Line Numbers

 rent.js

 function Rent(tenantName, price, property){

     this.tenantName = tenantName;

    this.price = price;

    this.property = property;

   this. toTextboxData =  toTextboxData;

 }

 function toTextboxData(){

     tenantInfo = this.tenantName;

     propertyPrice = this.price ;

     propertyName =  this.property;

          return tenantInfo + propertyPrice + propertyName
 
    }

Is there a way to use toTextboxData() function to print to the text box or is there a better way of passing value to a form , the way I'm using the onclick doesn't seem to work. Any help would be greatly appreciated.

Thank you.

Feb 28 '11 #1

Subscribe Post Reply

✓ answered by dgreenhouse

Using your code this should work.
{Note: I included the code from rent.js (object definition) in the head.}

Expand|Select|Wrap|Line Numbers

 
<html>

  <head>

    <title></title>  
 
     <script language = "javascript" type="text/javascript">

       rent = new Array();

       rent[0] = new Rent("tenantA", 1000, "HouseA");

       rent[1] = new Rent("tenantB", 2500, "HouseB");

       rent[2] = new Rent ("tenantC", 6000, "HouseC");
 
       function getTenantInfo(index) {

         document.forms[0][0].value = rent[index].tenantName;

         document.forms[0][1].value = rent[index].price;

         document.forms[0][2].value = rent[index].property;

         document.forms[0][3].value = rent[index].toTextboxData();

       }
 
       function Rent(tenantName, price, property){

         this.tenantName = tenantName;

         this.price = price;

         this.property = property;

         this.toTextboxData =  toTextboxData;

       }
 
       function toTextboxData(){

         tenantInfo = this.tenantName;

         propertyPrice = this.price ;

         propertyName =  this.property;

         return tenantInfo + ', ' + propertyPrice + ', ' + propertyName;

       }       

  </script>

</head>

  <body>

    <form>

      Tenant name : <input type="text" name="tenantTxt" />  <br/>

      Rent Due : <input type="text" name="priceTxt" />  <br/>

      Property : <input type="text" name="propertyTxt" /> <br/>

      TextBox : <input type="text" name="toTextBox" />

      <br/>        

      <input type="button" name = "Tenant1" value="Tenant 1" onClick ="getTenantInfo(0)"/>        

      <input type="button" name = "Tenant2" value="Tenant 2" onClick ="getTenantInfo(1)"/>

      <input type="button" name = "Tenant3" value="Tenant 3" onClick ="getTenantInfo(2)"/>        

     </form>

  </body>

</html>

1329

dgreenhouse

250

Expert 100+

Using your code this should work.
{Note: I included the code from rent.js (object definition) in the head.}

Expand|Select|Wrap|Line Numbers

 
<html>

  <head>

    <title></title>  
 
     <script language = "javascript" type="text/javascript">

       rent = new Array();

       rent[0] = new Rent("tenantA", 1000, "HouseA");

       rent[1] = new Rent("tenantB", 2500, "HouseB");

       rent[2] = new Rent ("tenantC", 6000, "HouseC");
 
       function getTenantInfo(index) {

         document.forms[0][0].value = rent[index].tenantName;

         document.forms[0][1].value = rent[index].price;

         document.forms[0][2].value = rent[index].property;

         document.forms[0][3].value = rent[index].toTextboxData();

       }
 
       function Rent(tenantName, price, property){

         this.tenantName = tenantName;

         this.price = price;

         this.property = property;

         this.toTextboxData =  toTextboxData;

       }
 
       function toTextboxData(){

         tenantInfo = this.tenantName;

         propertyPrice = this.price ;

         propertyName =  this.property;

         return tenantInfo + ', ' + propertyPrice + ', ' + propertyName;

       }       

  </script>

</head>

  <body>

    <form>

      Tenant name : <input type="text" name="tenantTxt" />  <br/>

      Rent Due : <input type="text" name="priceTxt" />  <br/>

      Property : <input type="text" name="propertyTxt" /> <br/>

      TextBox : <input type="text" name="toTextBox" />

      <br/>        

      <input type="button" name = "Tenant1" value="Tenant 1" onClick ="getTenantInfo(0)"/>        

      <input type="button" name = "Tenant2" value="Tenant 2" onClick ="getTenantInfo(1)"/>

      <input type="button" name = "Tenant3" value="Tenant 3" onClick ="getTenantInfo(2)"/>        

     </form>

  </body>

</html>

Mar 1 '11 #2

seanh

Hi dgreenhouse,
Oh my goodness! Thank you so very much, Your a Genius!
Thank you so much for your understanding and prompt answer.
-sean

Mar 1 '11 #3

Similar topics

main return value stange question

by: Sweety | last post by:

hello to all members, i have strange question in C. main() { printf("%d",main) ; } here o/p is same for all m/c in TC++ version 3.0 i.e 657. I think this is not garbage.

C / C++

C# textbox question

by: Maziar Aflatoun | last post by:

Hi, I'm dynamically creating text boxes (<asp:textbox>) based on the column names in database. Now, I might have a textbox with id="Your height", how would I read the value of that in my...

ASP.NET

textbox question

by: Paul | last post by:

I have a user that when tabs to a textbox notices that the curser lines up with the end of the current text entry if the textbox is in the multiline mode. If the textbox is in the single line mode...

ASP.NET

How get value textbox in datalist row?

by: VB Programmer | last post by:

In my ASPX page how do I get the .text value of a textbox that is in the ItemTemplate of a datalist (using HTML)? The textbox contains the quantity for a shopping cart item. The textbox is...

ASP.NET

A thread and textbox question

by: hamil | last post by:

I have a form with a text box, a thread start button, and a seperate thread. This is a TCP listener (server) example I took out of a book. See the code below. In the loop below, look at the two...

Visual Basic .NET

easy textbox question

by: melanieab | last post by:

Hi, If there's a textbox and the text entered is longer than what's visible (the textbox length), how do you make it so that the beginning chunk of text is visible (instead of the last part of...

C# / C Sharp

Newb textbox question

by: Eric | last post by:

I have a textbox on a form that is populated from the database when the form loads. When I check textbox.Text when the user clicks my submit button, the value is always what it was when the form...

ASP.NET

Easy Value Compare Question

by: Y2K | last post by:

Any suggestions to compare two values, and if either value changes, then both values now become the changed values. Right now I'm doing it with a textbox and onchange event, but would like to get...

Visual Basic .NET

Multline TextBox question

by: garyusenet | last post by:

I have a multiline textbox. The size of the text box should be 75 characters wide, and 5 lines in height like this: - <---75 characters--> <---75 characters--> <---75 characters--> <---75...

C# / C Sharp

TextBox Question

by: Jeff Williams | last post by:

Is there a way I can place a Mask on a TextBox input so that say only numbers from 0 to 9 can be entered. Regards Jeff

C# / C Sharp

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice