onchange="javascript: document.my_form.submit()" vs. normal submit

Question

I have a select field within a form:

<form id="myform">
<select id="value" onchange="javascript: document.myform.submit()">
    <option>....
</select>
</form>

After the form is submitted, it is impossible to use the 'back' button without resubmitting the form. However, if I use a regular 'submit' button, it is possible.

Is there a way you know of to get this behavior while still being able to use the javascript 'submit()'?

Accessibility is not a concern, having javascript enabled is required to use this site and that is the way the client wants it.

Answer 1

Call a function instead.

<select id="value" onchange="sendForm()">

...script block...

function sendForm() {
    document.myform.submit()
}

Also, you never need to specify javascript: outside of an HREF tag.

Answer 2

"onchange only works first time?"

Are you re-seelcting the same value? onchange only fires when there is a change. If you want to be able to reselect the same option, you need to use onblur.

Also you really should be using

document.getElementById("myform").submit();