Выборочная отправка формы с использованием тега <button>не работает

Question

Я хочу, чтобы функция принимала некоторые значения из формы в качестве входных данных и манипулировала в фоновом режиме.Я пытался, но он идет к значению URL mydomain.com/gtype=selected.Я просто хочу, чтобы он что-то делал в фоновом режиме, а не менял URL

У меня тут скрипка.http://jsfiddle.net/4qppX/

Answer 1

Вам нужно return false в вашем onclick обработчике.

<button onclick="hihi(this.form.gtype); return false">sub</button>

В качестве альтернативы можно сделать кнопку не отправляющей , сказав type="button"

<button type="button" onclick="hihi(this.form.gtype);">sub</button>

Я не уверен в причинах этого W3C-состояний :

Если элемент имеет владельца формы, элемент должен передать владельца формы из элемента кнопки.

Answer 2

Вы также можете убедиться, что ваша кнопка - просто кнопка, а не элемент управления «submit»:

<button type='button' onclick='hihi(this.form.gtype)'>sub</button>