Не работает сабмит формы при выборе SELECT-a

[xunicorn]

Здравствуйте. Собственно сабж темы.

Есть код:

...
<form method="post" action="/admin/articles/view" name="form1">

    <div class="row-fluid block-transparent">
	    <div class="span2 pull-right">
		    <button class="btn span12" type="submit" name="submit" value="remove_public">Снять с публикации</button>
	    </div> 
	    <div class="span2 pull-right">
		    <button class="btn span10" type="submit" name="submit" value="add_public">Опубликовать</button>
	    </div> 
	    <div class="span2 pull-right">
		    <button class="btn span12" type="submit" name="submit" value="remove_article">Удалить статью</button>
	    </div> 
	    <div class="span2 pull-right">
		    <a class="btn span12" href="/admin/articles/add">Добавить статью</a>
	    </div>
    </div>

    <div class="row-fluid block-transparent">
	    <div class="span3 pull-right">
		    <select name="articles_category" onchange="this.form1.submit();"><!-- document.getElementById('article_form').submit() -->
			    <option value="-1" selected>Select category</option>
								    <option value="1">category1</option>
								    <option value="5">category2</option>
								    <option value="18">category3</option>
								    <option value="19">c_1.1</option>
								    <option value="20">c_1.2</option>
								    <option value="21">c_1.3</option>
								    <option value="22">c_1.1.1</option>
								    <option value="23">c_1.2.1</option>
								    <option value="24">c_1.3.1</option>
						    </select>
	    </div>
	    <div class="span3 pull-right">
		    <select name="public_state" onchange="this.form1.submit();">
			    <option value="-1" selected>Выберите состояние статьи</option>
			    <option value="1">Опубликованое</option>
			    <option value="0">Не опубликованое</option>
		    </select>
	    </div>
    </div>
...
</form>

Так вот, при выборе SELECT-а - ничего не происходит. Может кто указать на ошибку?

[Great Rash]

this.form.submit(); - т.е. надо писать без единички

[xunicorn]

все равно не работает

[Great Rash]

А у меня работает:

<form action="" method="get">
	<select id="test" name="test" onchange="this.form.submit();">
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
	</select>
</form>

[xunicorn]

это и у меня работает , а вот мой пример - нет

Edited March 21, 2013 by xunicorn

[Great Rash]

Значит у вас где-то ошибка. Ваш К.О.

[xunicorn]

эм.. К.О... что это?

[Great Rash]

Капитан Очевидность

Консоль-то что-то говорит?

[xunicorn]

ни разу с консолью не работал. Можешь объяснить, как с ней работать?

[Great Rash]

Браузер какой для начала?

[user]

Попробуйте через большую C.

Edited March 21, 2013 by user

[xunicorn]

регистр не играет роли, пробовал. Браузер - FireFox 19.0.2

[Great Rash]

Меню -> Вэб-разработка -> Вэб-консоль или CTRL+SHIFT+K

Потом обновите страницу и смотрите что там пишет. Попробуйте выбрать значение в селекте и посмотрите что напишет консоль.

[xunicorn]

--

[17:55:33.808] TypeError: this.form.submit is not a function @ file:///D:/developer/WWW/test.html:1

вот. хотя я не понимаю. Аналогичная конструкция нижк по коду и все работает

[xunicorn]

<form method="post" action="" >
	    <div class="row-fluid block-transparent">
			    <div class="span2 pull-right">
					    <button class="btn span12" type="submit" name="submit" value="remove_public">Снять с публикации</button>
			    </div>
			    <div class="span2 pull-right">
					    <button class="btn span10" type="submit" name="submit" value="add_public">Опубликовать</button>
			    </div>
			    <div class="span2 pull-right">
					    <button class="btn span12" type="submit" name="submit" value="remove_article">Удалить статью</button>
			    </div>
			    <div class="span2 pull-right">
					    <a class="btn span12" href="/admin/articles/add">Добавить статью</a>
			    </div>
	    </div>
	    <div class="row-fluid block-transparent">
			    <div class="span3 pull-right">
					    <select name="articles_category" onchange="this.form.submit();"><!-- document.getElementById('article_form').submit() -->
							    <option value="-1" selected>Select category</option>
	    <option value="1">category1</option>
	    <option value="5">category2</option>
	    <option value="18">category3</option>
	    <option value="19">c_1.1</option>
	    <option value="20">c_1.2</option>
	    <option value="21">c_1.3</option>
	    <option value="22">c_1.1.1</option>
	    <option value="23">c_1.2.1</option>
	    <option value="24">c_1.3.1</option>
					    </select>
			    </div>
			    <div class="span3 pull-right">
					    <select name="public_state" onchange="this.form.submit();">
							    <option value="-1" selected>Выберите состояние статьи</option>
							    <option value="1">Опубликованое</option>
							    <option value="0">Не опубликованое</option>
					    </select>
			    </div>
	    </div>
...
</form>
<form action="" method="post">
<select name="public_state" onchange="this.form.submit();">
   <option value="-1" selected>Выберите состояние статьи</option>
   <option value="1">asdf</option>
   <option value="0">asdsfadsf</option>
</select>
</form>

вот страница. Первая форма не работает, а вторая нормально реагирует на событие

[Great Rash]

Так, экспериментальным путем выявил, что форма начинает работать если у кнопок убрать атрибут name. Как это связано пока понять не могу.

UPD: Ага, выяснил имя тега не может быть submit. Т.е. вам надо просто переименовать кнопки.

[xunicorn]

да.. спасибо, выручили