www.webdeveloper.com
Results 1 to 6 of 6

Thread: display multiple text boxes based on user selection?

  1. #1
    Join Date
    Mar 2005
    Posts
    8

    Question display multiple text boxes based on user selection?

    hello!

    how do you have it so when a user selects a number value from a drop-down menu [values 1 to 12], based on the number value they have selected that number of text boxes will display below?

    thank you very much!

    kind regards,
    tiff*

  2. #2
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    5,298
    After the user has made a selection and submitted the form, you just need to capture that data and then use a loop to print the corresponding amount of text boxes.
    Code:
    Dim amount, i
    amount = CInt(Request.Form("yourSelectBox"))
    
    For i = 0 To amount
       Response.Write ("<input type=""text"" name=""someName"" /><br />")
    Next
    Regards.
    Last edited by buntine; 04-27-2005 at 11:29 PM.

  3. #3
    Join Date
    Mar 2005
    Posts
    8

    Lightbulb

    hey buntine!

    thanks so much for your help - i really appreciate it! But is there a way to do this right AFTER the user has made a selection from the drop-down menu - without the user having to submit the form? or can that only be done with javascript? if so, would you know the syntax for outputting text boxes within a javascript function? i think i know how to write the code using the logic behind the asp code that you provided, but i don't know the specific syntax for outputting text boxes within a javascript for loop.

    thank you very much!

    kind regards,
    tiff*

  4. #4
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    5,298
    Yeah, that is something only a client-side language can acheive. So, this is really a JavaScript question now. But we may as well continue the conversation here.

    You will need to create a JavaScript function that is called when the user makes a selection in the drop down list.
    Code:
    <select id="numBoxes" onchange="displayTextboxes();">
     ...
    </select>
    Now the function:
    Code:
    function displayTextboxes()
    {
       var lstItems = document.getElementById('numBoxes');
       var amount  = lstItems.options[lstItems.selectedIndex].value;
    
       for (var i = 0; i < amount; i++)
          document.write('<input type=\'text\' name=\'someName\' /><br />');
    }
    Something like that should work.

    Regards.

  5. #5
    Join Date
    Mar 2005
    Posts
    8

    Smile thank you!

    thank you very much buntine!

    that's great!! very helpful!

    kind regards,
    tiff*

  6. #6
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    5,298
    Your welcome

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles