Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Select, при выборе сразу происходит обновление страницы с выбранным параметром (https://javascript.ru/forum/misc/29566-select-pri-vybore-srazu-proiskhodit-obnovlenie-stranicy-s-vybrannym-parametrom.html)

MCB 03.07.2012 14:47

Select, при выборе сразу происходит обновление страницы с выбранным параметром
 
Как можно сделать так, чтобы при выборе значения происходило обновление страницы (как сейчас сделано ниже), НО с указанием выбранного параметра (/cats/?cat_id=25)?

<form method="get" action="/cats/">
<select name="cat_id" onChange="history.go(0);return false;" >
<option value="10" selected>10</option>
<option value="25">25</option>
</select>
</form>

Deff 03.07.2012 14:52

<form method="get" action="/cats/">
 <select name="cat_id" onChange="history(this);" >
 <option value="10" selected>10</option>
 <option value="25">25</option>
 </select>
 </form>
<script type="text/javascript">
function history(obj){
  window.location="/cats/?cat_id="+obj.value;
  }
</script>

MCB 03.07.2012 15:22

Спасибо, а можно как-то в одну строчку разместить, вида? но здесь undefined передается

<form method="get" action="/cats/">
 <select name="cat_id" onChange="history(window.location='/cats/?cat_id='+this.value);" >
 <option value="10" selected>10</option>
 <option value="25">25</option>
 </select>
 </form>

Deff 03.07.2012 15:46

Цитата:

Сообщение от MCB
Спасибо, а можно как-то в одну строчку разместить,

<form method="get" action="/cats/">
 <select name="cat_id" onChange="window.location='/cats/?cat_id='+this.value;" >
 <option value="10" selected>10</option>
 <option value="25">25</option>
 </select>
 </form>

MCB 03.07.2012 16:22

Работает) Спасибо.

olemels 02.10.2012 17:51

Deff,
Помогите реализовать похожий пример только через метод POST, буду благодарен!!!

bes 03.10.2012 12:58

Deff, чёт пропал :cray:

olemels 03.10.2012 14:32

Deff, пропал а еще кто-нибудь может помочь?

skfyann 03.10.2012 14:59

<form method="post" action="/cats/">
<select name="cat_id" onChange="this.form.submit();">
<option value="10" selected>10</option>
<option value="25">25</option>
</select>
</form>

В том случае, который описан выше - форма с параметрами и не нужна совсем.

olemels 03.10.2012 23:33

skfyann, спасибо сработало. Я пробывал немного по другому
onChange="this.form[0].submit();"

это и была моя ошибка.


Часовой пояс GMT +3, время: 03:05.