two actions, one text field, two dropdowns, multiple inputs

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • kingQball
    New Member
    • Jan 2010
    • 1

    two actions, one text field, two dropdowns, multiple inputs

    So I'm trying to create a search box that has two choices based on a drop down box. Each selection does a different form action. On top of that, based on the selection made, it has different input values.
    something like this:

    Code:
    <form name="search" action="ACTION1 or ACTION2">
    <select name="group">
    <option value="1234">Selection 1</option>
    <option value="6789">Selection 2</option>
    <input type="image" src="search.gif" alt="search button" />
    
    if Selection 1 is selected it gets action - "ACTION1.php" and
    <input type="hidden" name="direct" value="true">
    <input type="text" name="bquery" size="24"  value="">
    <input type="hidden" name="AuthType" value="ip,cpid">
    if Selection 2 is selected it gets action - "ACTION2.php and
    <input type="hidden" name="outside" value="true">
    <input type="hidden" name="AuthType" value="wow, pow">
    <input name="term" type="text" size="24">
    I'm a real NOOB when it comes to javascript - so any help would be greatly appreciated
    Last edited by Dormilich; Jan 27 '10, 07:10 PM. Reason: please use [code] tags when posting code
  • larztheloser
    New Member
    • Jan 2010
    • 86

    #2
    There are several ways to do this, but the easiest would be this:

    Code:
    <form name="search">
    <select name="group" onchange="updateForm()">
    <option value="1234">Selection 1</option>
    <option value="6789">Selection 2</option>
    </select>
    <div id="content"></div>
    <input type="image" src="search.gif" alt="search button" onclick="document.forms[0].submit();">
    </form>
    <script type="text/javascript">
    function updateForm()
    {
    if(document.forms[0].group.value=="1234")
    {
    document.getElementById("content").innerHTML="<input type='text' name='bquery' size='24'  value=''>";
    document.forms[0].action.value="ACTION1";
    }
    else
    {
    document.getElementById("content").innerHTML="<input type='text' name='term' size='24'  value=''>";
    document.forms[0].action.value="ACTION2";
    }
    }
    </script>

    Comment

    Working...