www.webdeveloper.com
Results 1 to 6 of 6

Thread: Combine drop downs to search text box

Hybrid View

  1. #1
    Join Date
    Apr 2012
    Posts
    12

    Exclamation Combine drop downs to search text box

    Hey new here. Hi..

    Here is what I'm working with. what is working is the
    BOLD RED in the code is what is taking my drop down selection and placing it in the search text field.

    Here is my code


    <center>
    <table cellpadding="5" cellspacing="1" class="searchBox">
    <tr>
    <td align="center">

    <form action="search.php" method="get">

    <table><tr><td>
    <div align="left">
    <input type="text" name="query" id="query" size="40" value="<?php print quote_replace($query);?>" action="include/js_suggest/suggest.php" columns="2" autocomplete="off" delay="1500">
    <form action="" method ="post">
    <p>
    <select name="state" onchange="document.getElementById('query').value=this.value;">
    <option value="Nation Wide"
    > Nation Wide </option>
    <option value="Nation Wide ex AK/HI"> Nation Wide ex AK & HI </option>
    <option value="Alabama"> Alabama </option>
    <option value="Alaska"> Alaska </option>
    <option value="Arizona"> Arizona </option>
    <option value="Arkansas"> Arkansas </option>
    <option value="California"> California </option>
    <option value="Colorado"> Colorado </option>
    <option value="Connecticut"> Connecticut </option>
    <option value="Deleware"> Deleware </option>
    <option value="Florida"> Florida </option>
    <option value="Georgia"> Georgia </option>
    <option value="Hawaii"> Hawaii </option>
    <option value="Idaho"> Idaho </option>
    <option value="Illinois"> Illinois </option>
    <option value="Indiana"> Indiana </option>
    <option value="Iowa"> Iowa </option>
    <option value="Kansas"> Kansas </option>
    <option value="Kentucky"> Kentucky </option>
    <option value="Louisiana"> Louisiana </option>
    <option value="Maine"> Maine </option>
    <option value="Maryland"> Maryland </option>
    <option value="Massachusetts"> Massachusetts </option>
    <option value="Michigan"> Michigan </option>
    <option value="Minnesota"> Minnesota </option>
    <option value="Mississippi"> Mississippi </option>
    <option value="Missouri"> Missouri </option>
    <option value="Montana"> Montana </option>
    <option value="Nebraska"> Nebraska </option>
    <option value="Nevada"> Nevada </option>
    <option value="New Hampshire"> New Hampshire </option>
    <option value="New Jersey"> New Jersey </option>
    <option value="New Mexico"> New Mexico </option>
    <option value="New York"> New York </option>
    <option value="North Carolina"> North Carolina </option>
    <option value="North Dakota"> North Dakota </option>
    <option value="Ohio"> Ohio </option>
    <option value="Oklahoma"> Oklahoma </option>
    <option value="Oregon"> Oregon </option>
    <option value="Pennsylvania"> Pennsylvania </option>
    <option value="Rhode Island"> Rhode Island </option>
    <option value="South Carolina"> South Carolina </option>
    <option value="South Dakota"> South Dakota </option>
    <option value="Tennessee"> Tennessee </option>
    <option value="Texas"> Texas </option>
    <option value="Utah"> Utah </option>
    <option value="Vermont"> Vermont </option>
    <option value="Virginia"> Virginia </option>
    <option value="Washington"> Washington </option>
    <option value="West Virginia"> West Virginia </option>
    <option value="Wisconsin"> Wisconsin </option>
    <option value="Wyoming"> Wyoming </option>
    </select>

    <select name="prop" onchange="document.getElementById('query').value=this.value;">
    <option value="Downtown or Streetfront"
    > Downtown or Streetfront </option>
    <option value="Freestanding Pad"> Freestanding Pad </option>
    <option value="Lifestyle Center"> Lifestyle Center </option>
    <option value="Mall or Food Court"> Mall or Food Court </option>
    <option value="Nontraditional Units"> Nontraditional Units </option>
    <option value="Power Center"> Power Center </option>
    <option value="Shopping Center"> Shopping Center </option>
    <option value="Entertainment Center"> Entertainment Center </option>
    <option value="Manufacturer Outlet Center"> Manafacturer Outlet Center </option>
    <option value="Regional Mall"> Regional Mall </option>
    </select>

    <input type="submit" name="submit" value="search">
    </p>
    </form>
    </div>
    <td>&nbsp;</td></tr></table>


    <?php if ($adv==1 || $advanced_search==1) {
    ?>
    <table width = "100%">
    <tr>
    <td width="40%"><input type="radio" name="type" value="and" <?php print $type=='and'?'checked':''?>><?php print $sph_messages['andSearch']?></td>
    <td><input type="radio" name="type" value="or" <?php print $_REQUEST['type']=='or'?'checked':''?>><?php print $sph_messages['orSearch']?></td></tr>
    <tr>
    <td><input type="radio" name="type" value="phrase" <?php print $_REQUEST['type']=='phrase'?'checked':''?>><?php print $sph_messages['phraseSearch']?></td>
    <td><?php print $sph_messages['show']?>
    <select name='results'>
    <option <?php if ($results_per_page==10) echo "selected";?>>10</option>
    <option <?php if ($results_per_page==20) echo "selected";?>>20</option>
    <option <?php if ($results_per_page==50) echo "selected";?>>50</option>
    <option <?php if ($results_per_page==100) echo "selected";?>>100</option>
    </select>

    <?php print $sph_messages['resultsPerPage']?>
    </td>
    </tr>
    </table>
    <?php }?>



    <?php if ($catid<>0){?>
    <center><b><?php print $sph_messages['Search']?></b>: <input type="radio" name="category" value="<?php print $catid?>"><?php print $sph_messages['Only in category']?> "<?php print $tpl_['category'][0]['category']?>'" <input type="radio" name="category" value="-1" checked><?php print $sph_messages['All sites']?></center>
    <?php }?>
    <input type="hidden" name="search" value="1">
    </form>
    <?php if ($has_categories && $search==1 && $show_categories){?>
    <a href="search.php"><?php print $sph_messages['Categories']?></a>
    <?php }?>
    </td>

    </tr>
    </table>
    </center>



    I need help with understanding how to.....
    1. Apply both drop downs to the search without erasing first one.
    2. Separate by ( ) A SPACE

    Any ideas and or help would be great.
    Thanks in advance.

  2. #2
    Join Date
    Apr 2012
    Posts
    12
    onchange="document.getElementById('query').value=this.value;"

    =

    onchange="document.getElementById('query').add=this.value;"

    is something like that posssible..... I just want to add the second one to the first one that was already selected from the first drop down menu

  3. #3
    Join Date
    Nov 2010
    Posts
    1,083
    did you try:
    Code:
    onchange="document.getElementById('query').value+=this.value;"
    ?

  4. #4
    Join Date
    Apr 2012
    Posts
    12
    Your my hero! it works! that was simple! your awesome! now just need to make it so spaces are automaticly put in TY!

  5. #5
    Join Date
    Nov 2010
    Posts
    1,083
    spaces, eh?

    did you try:
    Code:
    onchange="document.getElementById('query').value+=" "+this.value;"
    ?

  6. #6
    Join Date
    Apr 2012
    Posts
    12
    thanks again! how do i mark this as solved :P

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