Question

Normally an HTML form sends query parameters as key-value pairs like this:

http://blabla/?something=something&this=that

But what I need is a form that generates a URL with one of the query keys omitted:

http://blabla/?something&this=that

As far as I can tell, a missing or empty name attribute does not quite provide what I expect:

<input type="hidden" name="" value="myvalue"/>

Leads to this, with an equals sign that I don’t want:

http://blabla/?=myvalue

I know it’s not good practice to do this, but I need to interface with an existing poorly-designed system.

Answer 1

These answers make sense logically, but unfortunately this system is very picky about which characters it will accept and any spurious equals signs give it trouble. It’s an Innovative Interfaces library OPAC, by the way.

I figured out one way to do it, which is by not submitting the form at all but using JavaScript to inject the contents of the text box into a dynamically-generated URL and then opening that using window.location:

<form name="search_form" method="get" action="">
    <input type="text" size="30" maxlength="100"/>
    <input type="submit" value="Search" />
</form>

<script type="text/javascript">
window.onload = function() {
    document.search_form.onsubmit = function() {
        var term = document.search_form.elements[0].value;
        var url = "http://blabla/search/X?d:(electronic books) and ("
            + term + ")&searchscope=1";
        window.location = url;
    }
}
</script>

I don’t do much JavaScript and this will certainly cause alarm to anyone mindful of accessibility and web standards compliance. However, rest assured it is no worse than any of the rest of the javascriptaghetti that is part of this system.