How to append a form value to iframes src

How to append a form value to iframes src

I am trying to add a form value to an iframe src on another page.

Here is the code I am working with on the homepage:

  1. <form action='local-agent-map.html' action="mapFrame">
                <div class="form-group">
                <label class="sr-only">Zip/Postal Code</label>
                <input type='hidden' name='uid' value='7214791'/>
                <input class="form-control" type='text' name='search' value='' placeholder="Enter Zip/Postal Code"/>
                </div>
                <input class="btn btn-default" type='submit' value='Find'/>
                </form>






And here is the code on a separate page with an iframe:

  1. <iframe name="mapFrame" width='100%' height='1500px' src='http://www.blipstar.com/blipstarplus/viewer/blipstar.php?uid=7214791&search=' scrolling='no' frameborder='0'></iframe>

So I need to take the value of search from the homepage and add it to the end of the src on the other page making it look like src='http://www.blipstar.com/blipstarplus/viewer/blipstar.php?uid=7214791&search=90210'

Thank you for your help in advance, I really appreciate your time.