ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Связанные селекты
7 сообщений из 7, страница 1 из 1
Связанные селекты
    #39178337
Sapta
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Sapta
Гость
Добрый день.
Есть 2 селекта.
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<select id="select1" name="select_1">
<option value="">Осуществите выбор</option>
<option value="2">Пункт 1</option>
<option value="50">Подпункт 1.1</option>
<option value="51">Подпункт 1.2</option>
<option value="3">Пункт 2</option>
<option value="52">Подпункт 2.1</option>
<option value="53"Подпункт 2.2</option>
<option value="4">Пункт 3</option>
<option value="54">Подпункт 3.1</option>
<option value="55">Подпункт 3.2</option>

<select id="select2" name="select_2">
<option value="">Осуществите выбор</option>
<option value="Пункт 1">Пункт 1</option>
<option value="Пункт 2">Пункт 2</option>
<option value="Пункт 3">Пункт 3</option>



Нужно их связать так, чтобы при выборе из второго селекта автоматически выбирался соответствующий пункт первого селекта (в идеале вообще чтобы сразу первый дочерний подпункт выбирал, но это уже следующий вопрос...).
Т.е. во втором селекте выбираем "Пункт 1". В результате чего в первом селекте автоматически выбирается "Пункт 1".
В познаниях js не силён. Наверное, ошибка простая...

До какого "творчества" дошёл:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
var first = document.getElementById("select1"),
second = document.getElementById("select2");

second.onchange = function() {

 var number = second.selectedIndex,
 name = second.options[number].value;

 for (var i = 0; i < first.length; i++){
   if (first.options[i].text == name){
      first.options[i].selected = true;
   } 
 }
};


Перебор всех вариантов в лоб через условие if - мало подходит... т.к. позиций в селектах в оригинале немало.
Заранее благодарю за внимание.
...
Рейтинг: 0 / 0
25.02.2016, 09:07
| Ответить | Цитировать | Написать  
Связанные селекты
    #39178347
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Sapta
Код: javascript
1.
2.
 var number = second.selectedIndex,
 name = second.options[number].value;


Достаточно этого

Код: javascript
1.
name = second.value;



SaptaПеребор всех вариантов в лоб через условие if - мало подходит... т.к. позиций в селектах в оригинале немало.
В таком случае во втором селекте нужно иметь данные, которые сразу укажут какой option выбирать в первом селекте.
Например в некоем атрибуте можно сразу хранить индекс нужного option.
...
Рейтинг: 0 / 0
25.02.2016, 09:20
| Ответить | Цитировать | Написать  
Связанные селекты
    #39178391
Sapta
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Sapta
Гость
krvsaSapta
Код: javascript
1.
2.
 var number = second.selectedIndex,
 name = second.options[number].value;


Достаточно этого

Верно. Но number я дальше использую. А с name и правда можно упростить.

krvsaSaptaПеребор всех вариантов в лоб через условие if - мало подходит... т.к. позиций в селектах в оригинале немало.
В таком случае во втором селекте нужно иметь данные, которые сразу укажут какой option выбирать в первом селекте.
Например в некоем атрибуте можно сразу хранить индекс нужного option.
Проблематика в том, что исходные селекты нельзя менять. Приходится работать с тем, что есть.
...
Рейтинг: 0 / 0
25.02.2016, 10:04
| Ответить | Цитировать | Написать  
Связанные селекты
    #39178478
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
SaptaПеребор всех вариантов в лоб через условие if - мало подходит... т.к. позиций в селектах в оригинале немало4 тыс. строк за полсекунды. А при совпадении, из цикла через break выходим...
...
Рейтинг: 0 / 0
25.02.2016, 11:13
| Ответить | Цитировать | Написать  
Связанные селекты
    #39178588
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
SaptaПроблематика в том, что исходные селекты нельзя менять. Приходится работать с тем, что есть.А мы и не будем менять. Ищем без циклов через ассоциативный массив
Код: 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.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<select id="select1" name="select_1">
  <option value="">Осуществите выбор</option>
  <option value="2">Пункт 1</option>
  <option value="50">&#160;Подпункт 1.1</option>
  <option value="51">&#160;Подпункт 1.2</option>
  <option value="3">Пункт 2</option>
  <option value="52">&#160;Подпункт 2.1</option>
  <option value="53">&#160;Подпункт 2.2</option>
  <option value="4">Пункт 3</option>
  <option value="54">&#160;Подпункт 3.1</option>
  <option value="55">&#160;Подпункт 3.2</option>
</select>

<select id="select2" name="select_2">
  <option value="">Осуществите выбор</option>
  <option value="Пункт 1">Пункт 1</option>
  <option value="Пункт 2">Пункт 2</option>
  <option value="Пункт 3">Пункт 3</option>
</select>

<script>
function gid(i) {return document.getElementById(i);}
var first = gid('select1'), second = gid('select2'), obj = {}, i=0;
first.options[0].selected = true;
second.options[0].selected = true;

for (i=0; i<first.length; i++) {obj[first.options[i].text] = i;}

second.onchange = function() {first.options[obj[second.value]].selected = true;};
</script>
</body>
</html>
...
Рейтинг: 0 / 0
25.02.2016, 11:58
| Ответить | Цитировать | Написать  
Связанные селекты
    #39178819
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
SaptaПроблематика в том, что исходные селекты нельзя менять. Приходится работать с тем, что есть.
Тогда вариант user89 . Пройтись один раз, собрать нужную информацию, а потом ее использовать...

Если эти селекты менять нельзя - можно завести нечто другое и использовать это по аналогии с примером user89 .
...
Рейтинг: 0 / 0
25.02.2016, 14:28
| Ответить | Цитировать | Написать  
Связанные селекты
    #39179493
Sapta
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Sapta
Гость
Большое спасибо за советы! Внимательно присмотрюсь к ассоциативному массиву.
Представленный в примере скрипт вроде исправно работает. Беда в ошибке, которую допустил по невнимательности в изначальных селектах первостепенной задачи.
...
Рейтинг: 0 / 0
26.02.2016, 08:52
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Связанные селекты
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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