jsp выпадающий список - Форум администраторов игровых серверов
Форум администраторов игровых серверов StormWall - Защита от DDos атак
Регистрация Мнения Справка Пользователи Календарь Все разделы прочитаны
Вернуться   Форум администраторов игровых серверов > Полезное / Common > Программирование / Programming > Java

Java В данном форуме вы сможете найти много полезной информации по платформе Java. Подробные статьи, исходные коды и конечно учебники как для новичков так и профессиональных Java разработчиков вы найдёте здесь. Если у вас есть вопрос или хотите поделится своими наработками, пожалуйста, делайте это в этой теме.

Ответ
Опции темы
Непрочитано 02.05.2015, 09:08   #1
Аватар для xolseg
Хрен с горы

Автор темы (Топик Стартер) jsp выпадающий список

Нужна помощь, просто не знаю как даже гуглить "это":
Есть некая форма:
                <p>Информация о подразделении:</p>
                <p><div class="form"><form:label path="subdivision">Подразделение:</form:label></div>
                <div class="form"><select name = "subdivision">
                    <option value = "director">Директорат</option>
                    <option value = "counted_dep">Бухгалтерия</option>
                    <option value="it">IT</option>
                </select></div>
                <p><div class="form"><form:label path="position">Должность:</form:label></div>
                <div class="form"><select name = "position">
                    <option value = "sysadm">сисадмин</option>
                    <option value = "admin">администратор подразделения</option>
                    <option value="prog">програмист</option>
                </select></div>
Code: Java
Как сделать такой выбор интерактивным, допустим выбрано подразделение IT, и в выдающем списке должность появляются те должности которые написаны,..
Покажите пример, а то в гугле не могу найти, даже не так, просто не знаю что искать...

Т.е. по логике в зависимости от выбора subdivision, меняется выбор position.
xolseg вне форума Отправить сообщение для xolseg с помощью ICQ Отправить сообщение для xolseg с помощью Skype™ Ответить с цитированием
Непрочитано 02.05.2015, 09:16   #2
Аватар для gorodetskiy
Олдфаг

По умолчанию Re: jsp выпадающий список

Вывод данных в зависимости от выбранного пункта списка
__________________
СЕО Оптимизация сайтов
gorodetskiy вне форума Ответить с цитированием
Сказали спасибо:
Непрочитано 02.05.2015, 12:18   #3
Аватар для mazillka
Пользователь

По умолчанию Re: jsp выпадающий список

onchange ивент в помощь
_http://www.w3schools.com/jsref/event_onchange.asp
__________________
Lineage 2 Manuals
mazillka вне форума Отправить сообщение для mazillka с помощью ICQ Отправить сообщение для mazillka с помощью Skype™ Ответить с цитированием
Сказали спасибо:
Непрочитано 02.05.2015, 17:45   #4
Аватар для xolseg
Хрен с горы

Автор темы (Топик Стартер) Re: jsp выпадающий список

Спасибо за помощь, получилось, нечто вроде этого:

               <p>Информация о подразделении:</p>
                <p><div class="form"><form:label path="departament">Подразделение:</form:label></div></p>
                <div class="form"><select name="subdivision" id="subdivision" onchange="change_select(this)">
                    <option disabled="disabled" class="opt-group">Подразделение</option>
                    <option value="0" >Директорат</option>
                    <option value="1">Бухгалтерия</option>
                    <option value="2">IT</option>
                    <option value="3">Офисный планктон</option>
                </select>
                <select name="position0" id="position0" onchange="change_select(this)" style="display:none">
                    <option value=11>Генеральный директор</option>
                    <option value=12>Комерческий директор</option>
                </select>
                <select name="position1" id="position1" onchange="change_select(this)" style="display:none">
                    <option value=21>Главный бухгалтер</option>
                    <option value=22>Бухгалтер</option>
                    <option value=23>Кассир</option>
                </select>
                <select name="position2" id="position2" onchange="change_select(this)" style="display:none">
                    <option value=31>Главный системный администратор</option>
                    <option value=32>Системный администратор</option>
                    <option value=33>Программист</option>
                </select>
                <select name="position3" id="position3" onchange="change_select(this)" style="display:none">
                    <option value=41>Auri</option>
                    <option value=42>Mongol</option>
                    <option value=43>Pointer*Rage</option>
                </select></div>
Code: HTML
<script type="text/javascript">
        function change_select(element) {
            switch (element.value) {
                case '0':
                    document.getElementById('position0').style.display= 'inline';
                    document.getElementById('position1').style.display= 'none';
                    document.getElementById('position2').style.display = 'none';
                    document.getElementById('position3').style.display = 'none';
                    break;
 
                case '1':
                    document.getElementById('position0').style.display= 'none';
                    document.getElementById('position1').style.display= 'inline';
                    document.getElementById('position2').style.display = 'none';
                    document.getElementById('position3').style.display = 'none';
                    break;
 
                case '2':
                    document.getElementById('position0').style.display= 'none';
                    document.getElementById('position1').style.display= 'none';
                    document.getElementById('position2').style.display = 'inline';
                    document.getElementById('position3').style.display = 'none';
                    break;
 
                case '3':
                    document.getElementById('position0').style.display = 'none';
                    document.getElementById('position1').style.display= 'none';
                    document.getElementById('position2').style.display = 'none';
                    document.getElementById('position3').style.display = 'inline';
                    break;
 
                default:
 
            }
        }
    </script>
Code: Javascript
xolseg вне форума Отправить сообщение для xolseg с помощью ICQ Отправить сообщение для xolseg с помощью Skype™ Ответить с цитированием
Сказали спасибо:
Непрочитано 02.05.2015, 18:51   #5
Пользователь

По умолчанию Re: jsp выпадающий список

Цитата:
Сообщение от xolseg Посмотреть сообщение
Спасибо за помощь, получилось, нечто вроде этого:

               <p>Информация о подразделении:</p>
                <p><div class="form"><form:label path="departament">Подразделение:</form:label></div></p>
                <div class="form"><select name="subdivision" id="subdivision" onchange="change_select(this)">
                    <option disabled="disabled" class="opt-group">Подразделение</option>
                    <option value="0" >Директорат</option>
                    <option value="1">Бухгалтерия</option>
                    <option value="2">IT</option>
                    <option value="3">Офисный планктон</option>
                </select>
                <select name="position0" id="position0" onchange="change_select(this)" style="display:none">
                    <option value=11>Генеральный директор</option>
                    <option value=12>Комерческий директор</option>
                </select>
                <select name="position1" id="position1" onchange="change_select(this)" style="display:none">
                    <option value=21>Главный бухгалтер</option>
                    <option value=22>Бухгалтер</option>
                    <option value=23>Кассир</option>
                </select>
                <select name="position2" id="position2" onchange="change_select(this)" style="display:none">
                    <option value=31>Главный системный администратор</option>
                    <option value=32>Системный администратор</option>
                    <option value=33>Программист</option>
                </select>
                <select name="position3" id="position3" onchange="change_select(this)" style="display:none">
                    <option value=41>Auri</option>
                    <option value=42>Mongol</option>
                    <option value=43>Pointer*Rage</option>
                </select></div>
Code: HTML
<script type="text/javascript">
        function change_select(element) {
            switch (element.value) {
                case '0':
                    document.getElementById('position0').style.display= 'inline';
                    document.getElementById('position1').style.display= 'none';
                    document.getElementById('position2').style.display = 'none';
                    document.getElementById('position3').style.display = 'none';
                    break;
 
                case '1':
                    document.getElementById('position0').style.display= 'none';
                    document.getElementById('position1').style.display= 'inline';
                    document.getElementById('position2').style.display = 'none';
                    document.getElementById('position3').style.display = 'none';
                    break;
 
                case '2':
                    document.getElementById('position0').style.display= 'none';
                    document.getElementById('position1').style.display= 'none';
                    document.getElementById('position2').style.display = 'inline';
                    document.getElementById('position3').style.display = 'none';
                    break;
 
                case '3':
                    document.getElementById('position0').style.display = 'none';
                    document.getElementById('position1').style.display= 'none';
                    document.getElementById('position2').style.display = 'none';
                    document.getElementById('position3').style.display = 'inline';
                    break;
 
                default:
 
            }
        }
    </script>
Code: Javascript
дизайн подключи еще , что б не было все так стандартно ))
nn03 вне форума Ответить с цитированием
Непрочитано 02.05.2015, 18:58   #6
Аватар для xolseg
Хрен с горы

Автор темы (Топик Стартер) Re: jsp выпадающий список

Цитата:
Сообщение от nn03 Посмотреть сообщение
дизайн подключи еще , что б не было все так стандартно ))
Да делаю сижу, вкладки на подобии http://habrahabr.ru/post/223583/ - только что-то не очень получается. :-(
А дизайн, попозже чуток. Слишком много всего нужно делать, глаза разбегаются

Что-то типа такого
xolseg вне форума Отправить сообщение для xolseg с помощью ICQ Отправить сообщение для xolseg с помощью Skype™ Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
itamename-e.dat UFODriverr Lineage II 5 28.02.2021 18:17
Команды ГМа список AssassinIv Lineage II 3 05.05.2014 15:01
Список контактов Илюхастый Рынок / Marketplace 14 18.02.2011 08:49
Опубликован не полный список нововведений в патче 1.9 PROGRAMMATOR Игровые новости 0 05.03.2010 18:20
кто может скозать/дать список вещей и их названи в формате .bmd и .ozj !!! proman Документация 1 22.07.2009 03:18


© 2007–2020 «Форум администраторов игровых серверов»
Защита сайта от DDoS атак — StormWall
Работает на Булке неизвестной версии с переводом от zCarot
Текущее время: 15:44. Часовой пояс GMT +3.

Вверх