VPF::запустить функции js при выборе option списка sele

sashgera

Дата 26.11.2014, 16:32 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 23.3.2014

Репутация: нет
Всего: нет

Здравствуйте
есть js, который перемещает содержимое из одного дива в другой, вот пример: http://www.glass-pgc.ru/Untitled-peremestit.html

Код


<script type="text/javascript">
function peremestit(){
var sidebar = document.querySelector('#sidebar'),
    sidebar2 = document.querySelector('#sidebar2');

while (sidebar.lastChild) {
    sidebar2.insertBefore(sidebar.lastChild, sidebar2.firstChild);
}
         }
function peremestit2(){
var sidebar = document.querySelector('#sidebar'),
    sidebar2 = document.querySelector('#sidebar2');

while (sidebar2.lastChild) {
    sidebar.insertBefore(sidebar2.lastChild, sidebar.firstChild);
}
         }
</script>

Код


<div id='sidebar' style="background-color:#f00; width:200px; height:200px;">bla-bla-bla</div>
<div id='sidebar2' style="background-color:#c00; width:200px; height:200px;"></div>

Пожалуйста, помогите в таком вопросе, как запустить функции этого js (peremestit и peremestit2) при выборе option списка select.
- при выборе второго option (Все наименования) запустить функцию peremestit
- при выборе всех других option запустить функцию peremestit2

Код


<select>
<option selected="selected" disabled="disabled" value="">Выбрать</option>
<option value="">Все наименования</option>
<option value="один">один</option> 
<option value="два">два</option> 
<option value="три">три</option> 
</select>

sQu1rr

Дата 26.11.2014, 16:44 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 597
Регистрация: 11.11.2008
Где: london

Репутация: 2
Всего: 13

Вот здесь рабочий пример, его только нужно подправить под ваши нужды что бы работало
http://stackoverflow.com/questions/5323375...script-function
Всего то нужно погуглить немного. Если чтонибудь будет не получаться - возвращайтесь с вопросами

sashgera

Дата 26.11.2014, 20:51 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 23.3.2014

Репутация: нет
Всего: нет

sQu1rr, спасибо за ссылку, но у меня ничего не получилось:

Код


<script type="text/javascript">
function peremestit(report1){
var sidebar = document.querySelector('#sidebar'),
    sidebar2 = document.querySelector('#sidebar2');

while (sidebar.lastChild) {
    sidebar2.insertBefore(sidebar.lastChild, sidebar2.firstChild);
}
         }
function peremestit(report2){
var sidebar = document.querySelector('#sidebar'),
    sidebar2 = document.querySelector('#sidebar2');

while (sidebar2.lastChild) {
    sidebar.insertBefore(sidebar2.lastChild, sidebar.firstChild);
}
         }
</script>

Код


<select onchange="peremestit(this.value)">
<option selected="selected" disabled="disabled" value="">Выбрать</option>
<option value="">Все наименования</option>
<option value="report1">report1</option> 
<option value="report2">report2</option> 
<option value="три">три</option> 
</select>

<div id='sidebar' style="background-color:#f00; width:200px; height:200px;">bla-bla-bla</div>
<div id='sidebar2' style="background-color:#c00; width:200px; height:200px;"></div>

sQu1rr

Дата 26.11.2014, 21:13 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 597
Регистрация: 11.11.2008
Где: london

Репутация: 2
Всего: 13

Ну вы чтото совсем мудрите

http://jsfiddle.net/jLnoqefw/

Хотя бы основы жабаскриптов поизучали бы

sashgera

Дата 26.11.2014, 21:23 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 23.3.2014

Репутация: нет
Всего: нет

sQu1rr, большое спасибо!

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »