ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать два связанных выпадающих списка?
17 сообщений из 42, страница 2 из 2
  2  все
Как сделать два связанных выпадающих списка?
    #38202388
Фотография re_qas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
re_qas
Участник
по п.3
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
 $.ajax({
        type: "POST",
        url: "function.php",
        data: {
            "test" : test
         },
        async: true,
        success: function(response) {
           	result = response;
        },
        error: function(response) {
            alert("Ошибка");
        }
    });

вернет вам что скажет function.php
...
Рейтинг: 0 / 0
28.03.2013, 14:44
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38202412
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
Код: html
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.
34.
35.
36.
37.
38.
<html>
<head>

<body bgcolor=#c0c0c0>
<script type="text/javascript">
 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();
});
</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 #3</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>
<script type="text/javascript" src="inc/jquery-1.9.1.js"></script>
</head>
</html>
...
Рейтинг: 0 / 0
28.03.2013, 14:53
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38202437
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
подключайте jquery перед его использованием

а body внутри head это что-то новое :)
...
Рейтинг: 0 / 0
28.03.2013, 15:00
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38202517
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Ух, как здорово: <body> разместил прямо в <head>.
...
Рейтинг: 0 / 0
28.03.2013, 15:26
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38202572
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
Код: html
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.
34.
35.
36.
37.
<html>
<head>
<script type="text/javascript" src="inc/jquery-1.9.1.js"></script>
<script type="text/javascript">
 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();
});
</script>
</head>

<body>
<select id="main">
    <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 #3</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
28.03.2013, 15:45
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38202615
Фотография re_qas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
re_qas
Участник
Ferum1
Код: html
1.
2.
3.
4.
$(function() {
    $('#main').change(main_change);
    main_change();
});


Исправил, не помогло.
Код: html
1.
2.
3.
4.
$(document).ready(function() {
    $('#main').change(main_change);
    main_change();
});
...
Рейтинг: 0 / 0
28.03.2013, 16:05
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38202619
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
по п.1 проблема исчезла, работает без OnChange="main_change();"
...
Рейтинг: 0 / 0
28.03.2013, 16:06
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38202674
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
re_qas,
видимо с body и head намудрил, а так работают два варианта.
...
Рейтинг: 0 / 0
28.03.2013, 16:22
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38202688
Фотография re_qas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
re_qas
Участник
Ferum1re_qas,
видимо с body и head намудрил, а так работают два варианта.
да... и jq подключен был в конце... через ready ожидается загрузка страницы..
по п.2. лучше всего будет сделать: пока не выбран 1 селектор, то там держать только опции для 1-го селектора, при выборе второго, подставлять для второго и т.д.
...
Рейтинг: 0 / 0
28.03.2013, 16:27
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38202693
Фотография re_qas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
re_qas
Участник
по пункту 3 почитайте http://www.wisdomweb.ru/JQ/ajax.php
...
Рейтинг: 0 / 0
28.03.2013, 16:30
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38203007
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
re_qasFerum1re_qas,
видимо с body и head намудрил, а так работают два варианта.
да... и jq подключен был в конце... через ready ожидается загрузка страницы..
по п.2. лучше всего будет сделать: пока не выбран 1 селектор, то там держать только опции для 1-го селектора, при выборе второго, подставлять для второго и т.д.
Так оно так и работает (по умолчанию там первые значения подставляются)...
Когда в первом селекторе выбираю нужное значение во втором почему то все значения, только первое значение правильное
...
Рейтинг: 0 / 0
28.03.2013, 18:25
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38203036
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
чертов Internet Explorer
Код: javascript
1.
2.
3.
4.
5.
6.
7.
function main_change() {
    var val = $('#main option:selected').val(),
        selector = '#child option[main-value="' + val + '"]';
    $('#child>option').removeAttr('selected').wrap('<span>').parent().hide();
    $(selector).unwrap();
    $(selector + ':first').attr('selected', 'selected');
}
...
Рейтинг: 0 / 0
28.03.2013, 18:42
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38204138
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
Паганельчертов Internet Explorer
Код: javascript
1.
2.
3.
4.
5.
6.
7.
function main_change() {
    var val = $('#main option:selected').val(),
        selector = '#child option[main-value="' + val + '"]';
    $('#child>option').removeAttr('selected').wrap('<span>').parent().hide();
    $(selector).unwrap();
    $(selector + ':first').attr('selected', 'selected');
}


Работает, Спасибо!
...
Рейтинг: 0 / 0
29.03.2013, 13:42
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38204146
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
re_qasпо пункту 3 почитайте http://www.wisdomweb.ru/JQ/ajax.php
Интересная ссыла, спасибо!
...
Рейтинг: 0 / 0
29.03.2013, 13:43
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38222772
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
Код: html
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.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
<? session_start();
header('Content-type: text/html; charset=WINDOWS-1251');
   require ('inc/authorization.inc');
   require ('inc/sql_connect.inc');

     $q1=mysql_query("SELECT * FROM f_scaner");
     $row_q1=mysql_num_rows($q1);
   ?>
<html>
<head>

<script type="text/javascript" src="inc/jquery-1.9.1.js"></script>
<script type="text/javascript" src="inc/chained.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sn_scaner").chained("#m_scaner");
});
    </script>
</head>
<form action="add.php" method=post>
<body>
<select id="m_scaner" name="id_scaner">
<option value="">&#204;&#238;&#228;&#229;&#235;&#252; &#241;&#234;&#224;&#237;&#229;&#240;&#224;</option>
<?
 for ($i=0; $i<$row_q1; $i++)
  echo '<option value='.mysql_result($q1, $i, 'f_scaner.id_scaner').'>'.mysql_result($q1, $i, 'f_scaner.n_scaner').'</option>';
  ?>
  </select>

<select id="sn_scaner" name="id_sn">
<option value="">SN</option>
<?
     $q2=mysql_query("SELECT * FROM sn_scaner");
     $row_q2=mysql_num_rows($q2);

 for ($i=0; $i<$row_q2; $i++)
  echo '<option value='.mysql_result($q2, $i, 'sn_scaner.id_sn').'  class='.mysql_result($q2, $i, 'sn_scaner.id_scaner').'>'.mysql_result($q2, $i, 'sn_scaner.n_sn').'</option>';
  ?>
</select>
<body>
<p>
<td align="center"><input type="submit" name="exit" value="OK"></td>
</body>
</form>
</html>


как в запросе "SELECT * FROM sn_scaner" сделать не для всех, с выборкой по первому селекту (например "SELECT * FROM sn_scaner WHERE id_scaner='.sn_scaner.') ? Не хотелось бы делать выборку по всей базе.
скрипт брал http://www.appelsiini.net/download/jquery.chained.js
...
Рейтинг: 0 / 0
11.04.2013, 23:12
| Ответить | Цитировать | Написать  
Как сделать два связанных выпадающих списка?
    #38223000
Ferum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ferum1
Участник
думаю так правильнее WHERE id_scaner='.m_scaner.' , тогда из второго селекта class можно убрать
...
Рейтинг: 0 / 0
12.04.2013, 10:08
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
Как сделать два связанных выпадающих списка?
    #38630865
severin_iv
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
severin_iv
Гость
Доброго времени суток, очень помогла ссылка http://jsfiddle.net/sGPnV/1/

Мне необходимо немного дополнить функционал данной форы так чтобы в текстовое поле после этих двух списков выводился результат, который зависит от выбора в обоих select-ах, очень буду признателен если натолкнете на мысль, т.к. в java я далеко не силен.
...
Рейтинг: 0 / 0
01.05.2014, 12:32
| Ответить | Цитировать | Написать  
17 сообщений из 42, страница 2 из 2
  2  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать два связанных выпадающих списка?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38202412&tid=1447132]:
 0ms
get settings:
 7ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 159ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 50ms
get tp. blocked users:
 1ms
others: 208ms
total:  453ms
созд. / загр.: 453ms
x
x
Закрыть


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