ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать два связанных выпадающих списка?
25 сообщений из 42, страница 1 из 2
  1  все
Как сделать два связанных выпадающих списка?
    #38194550
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
Добрый день!
Мне нужно сделать два связанных выпадающих списка, например в первом выбираем название оборудования, а во втором соответственно будут уже серийные номера к этому оборудованию из первого списка.

В интернете нашел примерно такой код, но не понимаю как он работает:
Код: php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<script>
var dipla = 0;
function GetSel(i){
document.getElementById('pse-'+dipla).style.display = 'none';
document.getElementById('pse-'+i).style.display = 'block';
dipla = i;
}
</script>

echo '<select id=main OnChange="GetSel(this.selectedIndex);"><option selected value="1____1">1____1</option>';
echo '<option value="2____2">2____2</option></select>';
echo '<select id=pse-0>...</select>';
echo '<select id=pse-1 style="display:none;">...</select>';


Если у нас есть первый массив, то через какую переменную передается выбор из первого select во второй?
...
Рейтинг: 0 / 0
22.03.2013, 12:01
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38194558
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Ferum1Мне нужно сделать два связанных выпадающих списка, например в первом выбираем название оборудования, а во втором соответственно будут уже серийные номера к этому оборудованию из первого спискапредставим (гипотетически) что в первом списке выбрано всё
сколько (примерно) должно стать элементов во втором списке?
...
Рейтинг: 0 / 0
22.03.2013, 12:05
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38194580
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
пока думаю не более 1000... Массив для примера, а база соответственно хранится в mysql.
Хочу делать выборку компьютерного оборудования и к каждому привязывать серийник. На монитор acer свои серийники, на samsung свои и т.д.
...
Рейтинг: 0 / 0
22.03.2013, 12:14
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38194590
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
наверное разумно в яву как то вставлять сразу sql запрос на серийники?
...
Рейтинг: 0 / 0
22.03.2013, 12:18
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38194631
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
http://jsfiddle.net/sGPnV/1/
...
Рейтинг: 0 / 0
22.03.2013, 12:31
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38194941
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
Паганель http://jsfiddle.net/sGPnV/1/
Попробовал вставить скрипт, но у меня он не работает, только html показывает.
Пробовал <select id="main" OnChange="main_change();"> не помогает
...
Рейтинг: 0 / 0
22.03.2013, 14:41
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38194950
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Ferum1Попробовал вставить скрипт, но у меня он не работаеттекст ошибки я должен угадать?
...
Рейтинг: 0 / 0
22.03.2013, 14:44
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38194955
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
ПаганельFerum1Попробовал вставить скрипт, но у меня он не работаеттекст ошибки я должен угадать?
ошибок нет, но скрипт игнорируется
...
Рейтинг: 0 / 0
22.03.2013, 14:47
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38194959
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Ferum1Паганельпропущено...
текст ошибки я должен угадать?
ошибок нет, но скрипт игнорируетсяну поставьте 2 alert-а, один перед скриптом, а второй - после
...
Рейтинг: 0 / 0
22.03.2013, 14:49
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38194975
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
ПаганельFerum1пропущено...

ошибок нет, но скрипт игнорируетсяну поставьте 2 alert-а, один перед скриптом, а второй - после
выскакивает пустое сообщение
...
Рейтинг: 0 / 0
22.03.2013, 15:00
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38194977
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Ferum1выскакивает пустое сообщениеодно? а почему не два?
...
Рейтинг: 0 / 0
22.03.2013, 15:01
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38195000
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
ПаганельFerum1выскакивает пустое сообщениеодно? а почему не два?
до этой строки "$(function() {" сколько угодно алертов выполняется после строки "}); " ни одного
...
Рейтинг: 0 / 0
22.03.2013, 15:15
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38195162
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Ferum1до этой строки "$(function() {" сколько угодно алертов выполняется после строки "}); " ни одногоследовательно, Ваше утверждениеFerum1скрипт игнорируетсяневерно

покажите что у Вас в консоли
...
Рейтинг: 0 / 0
22.03.2013, 16:35
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38195342
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
Код: php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
<script>
alert();
 function main_change() {
    var val = $('#main option:selected').val(),
        selector = '#child option[main-value="' + val + '"]';
    $('#child option').removeAttr('selected').hide();
    $(selector).show();
    $(selector + ':first').attr('selected', 'selected');
}
$(function() {
    $('#main').change(main_change);
    main_change();
});
alert();
</script>

<select id="main" OnChange="main_change();">
    <option value="first">Main First</option>
    <option value="second">Main Second</option>
    <option value="third">Main Third</option>
</select>


<select id="child">
    <option main-value="first">First #1</option>
    <option main-value="first">First #2</option>
    <option main-value="first">First #3</option>
    <option main-value="second">Second #1</option>
    <option main-value="third">Third #1</option>
    <option main-value="third">Third #2</option>
    <option main-value="third">Third #3</option>
    <option main-value="third">Third #4</option>
</select>
...
Рейтинг: 0 / 0
22.03.2013, 18:04
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38195347
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
а в консоли что?
...
Рейтинг: 0 / 0
22.03.2013, 18:08
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38195396
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
консоль сообщение от алерт?
там сообщение от "веб страницы, воскл знак и окей"
а на веб странице когда делаю выбор в первом списке, во втором ничего не прооисходит
...
Рейтинг: 0 / 0
22.03.2013, 18:42
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38195400
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
нажмите F12 и найдите консоль
...
Рейтинг: 0 / 0
22.03.2013, 18:44
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38195413
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<!-- saved from url=(0045)http://www.test.ru/edit_place.php -->
<!-- Generated by F12 developer tools. This might not be an accurate representation of the original source file -->
<HTML><HEAD>
<SCRIPT>
alert();
 function main_change() {
    var val = $('#main option:selected').val(),
        selector = '#child option[main-value="' + val + '"]';
    $('#child option').removeAttr('selected').hide();
    $(selector).show();
    $(selector + ':first').attr('selected', 'selected');
}
$(function() {
    $('#main').change(main_change);
    main_change();
});
alert();
</SCRIPT>
</HEAD>
<BODY><SELECT id=main> <OPTION selected value=first>Main First</OPTION> <OPTION value=second>Main Second</OPTION> <OPTION value=third>Main Third</OPTION></SELECT> <BR><SELECT id=child> <OPTION selected main-value="first">First #1</OPTION> <OPTION main-value="first">First #2</OPTION> <OPTION main-value="first">First #3</OPTION> <OPTION main-value="second">Second #1</OPTION> <OPTION main-value="third">Third #1</OPTION> <OPTION main-value="third">Third #2</OPTION> <OPTION main-value="third">Third #3</OPTION> <OPTION main-value="third">Third #4</OPTION></SELECT> </BODY></HTML>
...
Рейтинг: 0 / 0
22.03.2013, 18:56
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38195417
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
...
Рейтинг: 0 / 0
22.03.2013, 19:02
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38195450
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
...
Рейтинг: 0 / 0
22.03.2013, 19:28
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38195455
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
jQuery подключить надо
...
Рейтинг: 0 / 0
22.03.2013, 19:32
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38195460
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
Спасибо, за помощь и терпенье!
Буду подключать.
...
Рейтинг: 0 / 0
22.03.2013, 19:35
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38202347
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
установил jQuery (jquery-1.9.1.js). Заработало, но не так по ссылке http://jsfiddle.net/sGPnV/1/.
1. если записать как изначально --- <select id="main"> ничего не происходит. Надо добавлять --- OnChange (<select id="main" onChange="main_change();">)
2. Если в первом списке выбираю нужное значение то во втором правильно выбирается только значение по умолчанию, остальные значения подряд, хотя в примере http://jsfiddle.net/sGPnV/1/ только те, что нужно.
3. Как обратиться к переменной из первого списка, что б сделать sql запрос и найденные значения вставить во второй список?
...
Рейтинг: 0 / 0
28.03.2013, 14:29
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38202371
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
вероятно, у Вас не хватает атрибутов main-value
покажите Ваш html
...
Рейтинг: 0 / 0
28.03.2013, 14:37
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38202383
Фотография re_qas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
re_qas
Участник
по п. 1
$(document).ready(function(){$('#main').change(...)})
...
Рейтинг: 0 / 0
28.03.2013, 14:42
| Ответить | Цитировать | Написать  
25 сообщений из 42, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать два связанных выпадающих списка?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38195455&tid=1447132]:
 0ms
get settings:
 7ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 153ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 43ms
get tp. blocked users:
 1ms
others: 200ms
total:  431ms
созд. / загр.: 431ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]