Solved

Select Field Determines Other Fields

Posted on 2009-04-06
4
182 Views
Last Modified: 2012-05-06
I need a web form that has variable input fields based on a "Select" option.  I imagine that JavaScript is ideal.  I am out of practice on web development skills, and JavaScript was a weak spot.

The Select will have several options:
      Dispense
      Receive
      Return
      Reconcile
When you select "Dispense" I need text fields named:
      Name
      Center
      Number
If you chose "Receiving" text fields appear named:
      Vendor
      Form #
      Invoice #
In the perfect situation each text field is uniquely named verses using the same text fields with different labels.  Some options may need 4 text fields, and another may need 1 field.
In the SQL database I'd have columns named:
   DispName, DispCenter, DispNumber, RecVendor, RecForm, RecInvoice, etc.

I know I've had this in the past, but all my web development code has been lost over time.  I am awarding 500 pts, as this little issue is holding up a database project, and I don't have time to buy a book and learn JavaScript.
0
Comment
Question by:antcal
  • 3
4 Comments
 
LVL 5

Accepted Solution

by:
P_Ramprathap earned 500 total points
ID: 24083739
Please try this approach
1. Please have all the controls in the page , please enlose the control and their respective validation control inside a seprate panel
2. on Page load call the function LoadControls ( can be any name of ur choice)
3. based on the Select option you can hide the panel and controls ,. please make sure ur disabling the respective validation controls
4. on Form submition , please pass on relevenat values , and pass default values for hidden controls .
Let me know if you have any queries
 
Thanks
Ram
0
 

Author Comment

by:antcal
ID: 24094444
Thanks for the tip, I should have a chance to try and implement the suggestion later today.  I'll update you then.
0
 

Author Comment

by:antcal
ID: 24103092
I am still not 100% with this task.  Here is the sample code I have been playing with.  This code gives me 1,2,3, or 4 Text boxes.  It is close to what I need, however, I want unique sections.

I have included my working code snippet, and it has a desired output section below the working example.  I hope this is enough to help me wrap this up.
<html>

<head>

<script type="text/javascript">

     function showFields(num){

          container = document.getElementById('fields')

          container.innerHTML = ''
 

          for(i = 0; i < parseFloat(num); i ++){

               container.innerHTML += '<input type="text" /><br />'

               }

          }

</script>

</head>
 

<body>

<select onChange="showFields(this.options[this.selectedIndex].value)">

     <option value="0">Choose One:</option>

     <option value="1">Dispensed</option>

     <option value="2">Recieved</option>

     <option value="3">Return to Stock</option>

     <option value="4">REKO</option>

</select>

<br />

<div id="fields"></div>

<br><br><br>

<p><b>Desired Output for option DISPENSED, Recived (and other choices) would have a similar but diffrent output</b><br>

<input name="DispName" type="text" onFocus="value=''" value="Enter Name Here" size="30" maxlength="30"><br />

<input name="DispCenter" type="text" onFocus="value=''" value="Enter Center Here" size="30" maxlength="30"><br>

<input name="DispNumber" type="text" onFocus="value=''" value="Enter Number Here" size="30" maxlength="30"><br>

</body>

</html>

Open in new window

0
 

Author Closing Comment

by:antcal
ID: 31567303
Good direction for a skilled developer.  Due to my lack of skill in web development, I still had to find my own solution.  My solution used a java script to reveal a section of the web page using "tbody" tag.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
Learn how to set-up PayPal payment integration in your Wufoo form. Allow your users to remit payment through PayPal upon completion of your online form. This is helpful for collecting membership payments, customer payments, donations, and more.

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now