Dynamically create textboxes/listboxes

[prudens]

Hey,

 

 

          How do I use HTML/DHTML to create textboxes based on what user selects? For example, I want to have a dropdown boxes with selections of "1/2/3/4/5/6/..." and based on that number, the website creates that many textboxes, each with a unique name. Because eventually I want to record the text in those textboxes into an SQL table.

 

 

Thanks!

[xnowandtheworldx]

Well, you could use ajax to do it without refreshing the page or do it like this in php

 

//if(!isset($_POST['submit'])){ uncomment this if you don't want this to show up if it's been submitted. Uncomment the other too.
<form method="POST" action="<?= echo $_SERVER['PHP_SELF'] ?>">
<select name="textboxes">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
</select>
<input type="submit" value="Create!" name="submit">
</form>
//}
<?php

if(isset($_POST['submit']))
{
    echo "<form method=\"POST\" action=\"page.php\">"; //create the new form for these textboxes
    for($i; $i <= 9; $i++){ //we only go to nine since the for loop is 0 based you can change it to, for($i = 1; $i <= 10; $i++){
        echo "<input type=\"text\" name="{$i}">";
    }
    echo "<input type=\"submit\" name=\"submit\" value=\"Submit!\">";
}

?>

 

Hope this helps you a bit?

 

Anymore questions feel free to ask!

 

EDIT: There seems to be a bug in my code. Trying to fix it now! Sorry.

[prudens]

What is Ajax? Can I use Ajax on Facebook?

[prudens]

Parse error: syntax error, unexpected T_ECHO in Untitled-4.php on line 2

[xnowandtheworldx]

Sorry about that mate, trying to fix it now.

[xnowandtheworldx]

Fixed code..no wonder I wasn't able to fix it I was saving a different copy of it to another area every time! lol

 

Here's the fixed code...

<form method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<select name="textboxes">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
</select>
<input type="submit" value="Create!" name="submit">
</form>
<?php

if(isset($_POST['submit']))
{
    echo "<form method=\"POST\" action=\"page.php\">"; //create the new form for these textboxes
    for($i; $i <= 9; $i++){ //we only go to nine since the for loop is 0 based you can change it to, for($i = 1; $i <= 10; $i++){
        echo "<input type=\"text\" name=\"{$i}\"><br/>";
    }
    echo "<input type=\"submit\" name=\"submit\" value=\"Submit!\">";
    echo "</form>";
}

?>

 

And also, I don't believe you can use ajax with facebook, but then again, i've never tried.

[prudens]

Is there anyway to create it dynamically? Instead of reloading a new page with it, can we just instantly make textboxes???

 

Also your code doesn't work... it creates 9 textboxes no matter what the Dropdown box value was....

[wrongmove18]

Is there anyway to create it dynamically? Instead of reloading a new page with it, can we just instantly make textboxes???

 

Also your code doesn't work... it creates 9 textboxes no matter what the Dropdown box value was....

 

This might help..

  <script type="text/javascript">
  function create_textbox(container, count){
     var cont = document.getElementById(container);
     // reset container contents
     cont.innerHTML = "";
     
     for(var i=0; i<count; i++){
        var input = document.createElement("input");
        input.type = "text";
        input.name = "name"+i;
        cont.appendChild(input);
     }
  }
  </script>
  <form method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
  <select name="textboxes" onchange="create_textbox('input_container', this.value)">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
  </select>
  <div id="input_container"></div>
</form>

[haku]

And also, I don't believe you can use ajax with facebook, but then again, i've never tried.

 

You don't use ajax with sites, the site designers will either program ajax functions into the site or not. When you use the site, you will use the ajax if they have it, or not if they don't. Facebook has LOTS of ajax in it. Anytime you click something and the page changes without reloading, that is an ajax function.

[prudens]

wrongmove18: your code doesn't seem to work... is it IE only?

 

???

[wrongmove18]

it works for me..

IE and FF

[prudens]

Where can I find more information on AJAX, especially INPUTS/DROPBOX?

[haku]

Google.

[prudens]

link pls.?

[haku]

Google