Question

I’d like to modify the action attribute of the element to include whatever text is typed into the field. Here’s an example of what I’m trying to do, but can’t:

<form action="/search/?searchoption=Audio&s=Blocks--[text input here]" method="post" name="audio-search-form">
    <input name="audiosearch" type="text" size="30" id="audiosearch">
    <input type="submit" name="audio-search-submit" value="Search Audio">
</form>

Thanks

Answer 1

If your example form is all there is to it, why not just make the form method a GET request?

<form action="/search/" method="get" name="audio-search-form">
    <input name="searchoption" type="hidden" value="Audio">
    <input name="s" type="text" size="30" id="audiosearch">
    <input type="submit" name="audio-search-submit" value="Search Audio">
</form>

edit: argh! Sorry, I overlooked the Blocks-- part that you want to prepend. I’ll still leave this here for reference though, as this could be useful to you. (And if Blocks-- is always going to be constant, you might just as well add it as a separate hidden field, or ditch it altogether and add it in the back-end.)

edit 2: to clarify, is there something wrong with the following resulting search url:

/search/?searchoption=Audio&type=Block--&s=whatever+the+search+input

which could be achieved with, for instance:

<form action="/search/" method="get" name="audio-search-form">
    <input name="searchoption" type="hidden" value="Audio">
    <input name="type" type="hidden" value="Block--">
    <input name="s" type="text" size="30" id="audiosearch">
    <input type="submit" name="audio-search-submit" value="Search Audio">
</form>

?