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

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

покажите что у Вас в консоли
...
Рейтинг: 0 / 0
22.03.2013, 18:04
    #38195342
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:08
    #38195347
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать два связанных выпадающих списка?
а в консоли что?
...
Рейтинг: 0 / 0
22.03.2013, 18:42
    #38195396
Ferum1
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать два связанных выпадающих списка?
консоль сообщение от алерт?
там сообщение от "веб страницы, воскл знак и окей"
а на веб странице когда делаю выбор в первом списке, во втором ничего не прооисходит
...
Рейтинг: 0 / 0
22.03.2013, 18:44
    #38195400
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать два связанных выпадающих списка?
нажмите F12 и найдите консоль
...
Рейтинг: 0 / 0
22.03.2013, 18:56
    #38195413
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, 19:02
    #38195417
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать два связанных выпадающих списка?
...
Рейтинг: 0 / 0
22.03.2013, 19:28
    #38195450
Ferum1
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать два связанных выпадающих списка?
...
Рейтинг: 0 / 0
22.03.2013, 19:32
    #38195455
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать два связанных выпадающих списка?
jQuery подключить надо
...
Рейтинг: 0 / 0
22.03.2013, 19:35
    #38195460
Ferum1
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать два связанных выпадающих списка?
Спасибо, за помощь и терпенье!
Буду подключать.
...
Рейтинг: 0 / 0
28.03.2013, 14:29
    #38202347
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:37
    #38202371
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать два связанных выпадающих списка?
вероятно, у Вас не хватает атрибутов main-value
покажите Ваш html
...
Рейтинг: 0 / 0
28.03.2013, 14:42
    #38202383
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать два связанных выпадающих списка?
по п. 1
$(document).ready(function(){$('#main').change(...)})
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать два связанных выпадающих списка? / 25 сообщений из 42, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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