expand <input type..

JavaScript and client side scripting.

Moderator: General Moderators

User avatar
ol4pr0
Forum Regular
Posts: 926
Joined: Thu Jan 08, 2004 11:22 am
Location: ecuador

Post by ol4pr0 »

I am afraid i lost u there..
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

foo.html

Code: Select all

&lt;html&gt;
            &lt;script language="Javascript"&gt;
            function getElem(id)
            &#123;
              return document.getElementById?document.getElementById(id):document.all&#1111;id];
            &#125;

            function updateForm(index)
            &#123;
              var updArea = getElem('updArea');
              switch(index)
              &#123;
               case 1:
                 updArea.innerHTML = '&lt;br&gt;Game Name:&lt;input type="text" name="ps2" size="10"&gt;&lt;/input&gt;';
                 break;
               case 2:
                 updArea.innerHTML = '&lt;br&gt;Game Name:&lt;input type="text" name="xbox" size="10"&gt;&lt;/input&gt;';
                 break;
               case 3:
                 updArea.innerHTML = '&lt;br&gt;Game Name:&lt;input type="text" name="pc" size="10"&gt;&lt;/input&gt;';
                 break;
               case 4:
                 updArea.innerHTML = '&lt;br&gt;Game Name:&lt;input type="text" name="something" size="10"&gt;&lt;/input&gt;';
                 break;

               default:
                 updArea.innerHTML = 'Please Select';
                 break;
              &#125;
            &#125;
            &lt;/script&gt;
&lt;body onload="document.forms&#1111;0].selectedIndex = 0;"&gt;
            &lt;form action="foo.php" method="post"&gt;
            &lt;select onchange="updateForm(this.selectedIndex)"&gt;
            &lt;option&gt;-select-&lt;/option&gt;
            &lt;option&gt;ps2&lt;/option&gt;
            &lt;option&gt;xbox&lt;/option&gt;
            &lt;option&gt;pc&lt;/option&gt;
            &lt;!-- whatever else... --&gt;
            &lt;/select&gt;&lt;span id="updArea"&gt;&lt;/span&gt;&lt;br&gt;
            &lt;INPUT TYPE="submit" name="submit" value="submit"&gt;&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
foo.php

Code: Select all

<?php
header('Content-type: text/plain');

print_r($_POST);
?>
clicking submit with ps2 selected:

Code: Select all

Array
(
    &#1111;ps2] =&gt; feyd clicked submit
    &#1111;submit] =&gt; submit
)
hitting enter with xbox selected:

Code: Select all

Array
(
    &#1111;xbox] =&gt; feyd pressed enter
)
User avatar
ol4pr0
Forum Regular
Posts: 926
Joined: Thu Jan 08, 2004 11:22 am
Location: ecuador

Post by ol4pr0 »

if i see this correctly the thing changed is

Code: Select all

onload="document.forms&#1111;0].selectedIndex = 0;"
I will try this.. thanks for the help
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

that wasn't the real change.. that was a tweak to make it, on first load, say "Please Select"

the change that made it work:

Code: Select all

...name="ps2"...
...name="xbox"...
...name="pc"...
...name="something"...
originally you had

Code: Select all

...name"gname"...
...name"gname"...
...name"gname"...
...name"gname"...
(ignore the string changes, but the = sign is the important part.) Without the equal sign, there is nothing to pass, so posted data is empty.
User avatar
ol4pr0
Forum Regular
Posts: 926
Joined: Thu Jan 08, 2004 11:22 am
Location: ecuador

Post by ol4pr0 »

thanks.. kinda stupid didnt notice the missing =
Post Reply