Вход

Просмотр полной версии : Значение select'а присваивается к action="" в form


Fantom2067
04.09.2012, 00:09
Здраствуйте. Помогите пожалуйста. Имеется форма поиска.

<div class="search">
<form id="formx" class="search-form" action="/video/">

<select id="selectx" name="video" class="default" tabindex="2">
<option value="/video/">Видео</option>
<option value="/video2/">Видео2</option>
<option value="/video3/">Видео3</option>
<option value="/video4/">Видео4</option>
<option value="/video5/">Видео5</option>
<option value="/video6/">Видео6</option>
<option value="/video7/">Видео7</option>
</select>

</form>
</div>



нужно чтобы значение селекта присваивалось к атрибуту action у формы

bot87
04.09.2012, 00:16
Читать про selectedIndex ,а потом приходи и напиши что получилось.
Прочитав сможешь получить доступ к текущему выбранному option.

Тут есть полезные вещи http://www.tigir.com/javascript_select.htm
http://htmlbook.ru/html/attr/onchange

Fantom2067
04.09.2012, 01:09
Сделал как в примере из ваших ссылок


<div class="search">
<form id="formx" class="search-form" action="">

<select id="selectx" onchange="document.location=this.options[this.selectedIndex].value" name="video" class="change" tabindex="2">
<option value="/video/">Видео</option>
<option value="/video2/">Видео2</option>
<option value="/video3/">Видео3</option>
<option value="/video4/">Видео4</option>
<option value="/video5/">Видео5</option>
<option value="/video6/">Видео6</option>
<option value="/video7/">Видео7</option>
</select>

</form>
</div>


в итоге заменяется location. Пробывал document.location изменить на document.form.action () но ничего не вышло

задачка немного изменилась, дело в том что я использую стилизованный select jamielottering.github.com/DropKick/
у него значение value получается с помощью этого скрипта


$('.change').dropkick({
change: function (value, label) {
alert('value);
}
});


подскажите нубу пожалуйста как добавить value из скрипта выше в action из form


всё, разобрался

$('.change').dropkick({
change: function (value) {
document.getElementById('formx').action = value;
}
});

Fantom2067
04.09.2012, 02:22
bot87, спасибо за помощь! :)