Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > запустить функции js при выборе option списка sele


Автор: sashgera 26.11.2014, 16:32
Здравствуйте
есть 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
Вот здесь рабочий пример, его только нужно подправить под ваши нужды что бы работало
http://stackoverflow.com/questions/5323375/how-can-select-from-drop-down-menu-and-call-javascript-function
Всего то нужно погуглить немного. Если чтонибудь будет не получаться - возвращайтесь с вопросами

Автор: sashgera 26.11.2014, 20:51
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
Ну вы чтото совсем мудрите

http://jsfiddle.net/jLnoqefw/

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

Автор: sashgera 26.11.2014, 21:23
sQu1rr,  большое спасибо!

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)