Выборка из двух <select>

@Good_beeR · Регистрация: 21.12.2010

Студворк — интернет-сервис помощи студентам

День добрый, есть 2 <select>. Нужно при выборе к примеру пункта 2 из 1 <select>, и пункта 3 из второго <select> получить к примеру value="x".
Если мы меняем один из пункты в <select>, этот value="x" меняет свое значение в зависимости от выбранных пунктов в этих двух <select>.
Подскажите как лучше реализовать? И есть ли пример подобного решения?

@Enough1987 · 13.04.2015, 14:15

Не совсем понятна задача.

@Good_beeR · 13.04.2015, 15:02 **[ТС]**

К примеру есть

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<p class="left">Выберите тип сайта</p>
              <select onchange="calc()" id="type_site">
                        <option value="1">Landing Page</option>
                        <option value="2">Сайт-визитка</option>
                        <option value="3">Сайт коимпании</option>
                        <option value="4">Интернет магазин</option>
               </select>
             
                  <p class="right">Выберите направлеие бизнеса</p>
                     <select onchange="calc()" id="type_biz">
                        <option value="12">Розничная торговля</option>
                        <option value="9">Оптовая торговля</option>
                        <option value="11">Производство</option>
                        <option value="22">Эксклюзивные товары</option>
                        <option value="16">Строительство</option>
                        <option value="17">Курсы и образование</option>
                        <option value="6">Тренинги и мероприятия</option>
                        <option value="12">Ремонт</option>
                        <option value="5">Отдых и туризм</option>
                     </select>

Есть js код

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
  <script type="text/javascript">
     
        function calc() {
         
            var type_site = document.getElementById("type_site");
            
            var type_biz = document.getElementById("type_biz");
            var procent = 0;
            procent = parseInt(type_det.options[type_site.selectedIndex].value) * parseInt(type_design.options[type_biz.selectedIndex].value);
            proc.innerHTML = procent;
        }
    </script>

Он просто умножает значения первого селекта на второй.
А нужно сделать так, чтобы получать независимое значение при комбинации выборов из перечисленных выше селектов.

То есть, получить значение для каждого из вариантов возможных выборов из селектов выше.

Добавлено через 6 минут
К примеру
Если выбрали Landing Page и Розничная торговля получили 12 выбрали Розничная торговля и Сайт визитка получили 5 и тд

Добавлено через 31 минуту
Есть идея сделать все через if или switch, но правил много будет, просто подумал что есть готовое решение или метод, о котором не знаю))

@Enough1987 · 13.04.2015, 17:27

Простите, я вас не совсем понял, что вы хотите получить на выходе, если уникальное число то вот как вариант, -

HTML5
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
<!doctype html>
<html>
<head>
<title>Test</title>
</head>
<body>
 
  <p class="left">Выберите тип сайта</p>
              <select onchange="calc()" id="type_site">
                        <option value="1">Landing Page</option>
                        <option value="2">Сайт-визитка</option>
                        <option value="3">Сайт коимпании</option>
                        <option value="4">Интернет магазин</option>
               </select>
             
                  <p class="right">Выберите направлеие бизнеса</p>
                     <select onchange="calc()" id="type_biz">
                        <option value="0.1">Розничная торговля</option>
                        <option value="0.2">Оптовая торговля</option>
                        <option value="0.3">Производство</option>
                        <option value="0.4">Эксклюзивные товары</option>
                        <option value="0.5">Строительство</option>
                        <option value="0.6">Курсы и образование</option>
                        <option value="0.7">Тренинги и мероприятия</option>
                        <option value="0.8">Ремонт</option>
                        <option value="0.9">Отдых и туризм</option>
</select>
 
<p id="result"> </p>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
     
        function calc() {
         
            var type_site = document.getElementById("type_site").value;
            type_site = Number(type_site);
 
    var type_biz = document.getElementById("type_biz").value;
    type_biz = Number(type_biz);
 
            var procent = type_site + type_biz;
            
    document.getElementById('result').innerHTML = procent;
        }
    </script>

HTML5
1
2
</body>
</html>

@Good_beeR · 14.04.2015, 11:10 **[ТС]**

Все же мой косяк, не смог нормально объяснить)) Мне нужно при выборе, получить конкретные числа, но проблема в том, что арифметическими вычислениями мне не удалось это сделать)
Во вложенном таблица)

@Enough1987 · 14.04.2015, 11:51

Можно сделать двумерный массив и доставать требуемое число подставляя индексы.
например:
arr [i][j] = result.

@Good_beeR · 14.04.2015, 12:24 **[ТС]**

Спасибо, отличная идея. Но немного не пойму, как занести значения с селектов. Не подскажете?
К примеру создаю массив

JavaScript
1
2
3
4
5
6
7
8
 var arr = [];
  for(var i=0;){
    arr[i] = [];
    for(var j=0;){
      arr[i][j] = i+j;
    }
  }
  return arr;

Выходит вместо i, j нужно подставить id селекта?

@Enough1987 · 14.04.2015, 15:40

Вот так например, на выходе как в вашей табличке.

JavaScript
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
46
47
48
49
50
51
52
53
<!doctype html>
<html>
<head>
<title>Test</title>
</head>
<body>
 
  <p class="left">Выберите тип сайта</p>
              <select onchange="calc()" id="type_site">
                        <option value="0">Landing Page</option>
                        <option value="1">Сайт-визитка</option>
                        <option value="2">Сайт коимпании</option>
                        <option value="3">Интернет магазин</option>
               </select>
             
                  <p class="right">Выберите направлеие бизнеса</p>
                     <select onchange="calc()" id="type_biz">
                        <option value="0">Розничная торговля</option>
                        <option value="1">Оптовая торговля</option>
                        <option value="2">Производство</option>
                        <option value="3">Эксклюзивные товары</option>
                        <option value="4">Строительство</option>
                        <option value="5">Курсы и образование</option>
                        <option value="6">Тренинги и мероприятия</option>
                        <option value="7">Ремонт</option>
                        <option value="8">Отдых и туризм</option>
</select>
 
<p id="result"> </p>
 
<script type="text/javascript">
     
        function calc() {
         
var type_site = document.getElementById("type_site").value;
type_site = Number(type_site);
 
var type_biz = document.getElementById("type_biz").value;
type_biz = Number(type_biz);
 
var arr = [
[ 12.5, 9.1, 11.7, 22.9, 16.3, 17, 5.9, 12.4, 5.3 ],
[ 5.6, 3.2, 2.7, 9.1, 6.8, 9.4, 6.3, 8.1, 3.3 ], 
[ 6, 8.4, 12.7, 13.8, 10.2, 11.6, 8.5, 9, 6.1], 
[ 5.5, 2, 12.3, 10, 0, 0, 0, 0, 0 ]     
]            
var result = arr [ type_site ] [ type_biz ];          
document.getElementById('result').innerHTML = result;
        }
    </script> 
    
    </body>
</html>

@Good_beeR · 14.04.2015, 15:48 **[ТС]**

Ух, огромное спасибо... С Вашего позволения возьму решение?) Просто еще плаваю в этой теме)
И как Вас можно отблагодарить? Веб мани есть кошелек, хоть немного, но скину, а то время потратили на меня))

@Enough1987 · 14.04.2015, 16:09

Сообщение от Good_beeR

Ух, огромное спасибо... С Вашего позволения возьму решение?) Просто еще плаваю в этой теме)
И как Вас можно отблагодарить? Веб мани есть кошелек, хоть немного, но скину, а то время потратили на меня))

Берете конечно, нечего не нужно, тут все элементарно.

@Good_beeR · 14.04.2015, 16:20 **[ТС]**

Тогда еще раз спасибо и удачи.

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@Good_beeR 0 / 0 / 0 Регистрация: 21.12.2010 Сообщений: 59

	Выборка из двух <select> 13.04.2015, 13:59. Показов 3446. Ответов 10 Метки нет (Все метки) День добрый, есть 2 <select>. Нужно при выборе к примеру пункта 2 из 1 <select>, и пункта 3 из второго <select> получить к примеру value="x". Если мы меняем один из пункты в <select>, этот value="x" меняет свое значение в зависимости от выбранных пунктов в этих двух <select>. Подскажите как лучше реализовать? И есть ли пример подобного решения? 0

@Enough1987 30 / 30 / 29 Регистрация: 11.10.2014 Сообщений: 268
	13.04.2015, 14:15
	Не совсем понятна задача. 0

@Good_beeR 0 / 0 / 0 Регистрация: 21.12.2010 Сообщений: 59
	14.04.2015, 11:10 [ТС]
	Все же мой косяк, не смог нормально объяснить)) Мне нужно при выборе, получить конкретные числа, но проблема в том, что арифметическими вычислениями мне не удалось это сделать) Во вложенном таблица) Миниатюры 0

@Enough1987 30 / 30 / 29 Регистрация: 11.10.2014 Сообщений: 268
	14.04.2015, 11:51
	Можно сделать двумерный массив и доставать требуемое число подставляя индексы. например: arr [i][j] = result. 1

@Good_beeR 0 / 0 / 0 Регистрация: 21.12.2010 Сообщений: 59
	14.04.2015, 15:48 [ТС]
	Ух, огромное спасибо... С Вашего позволения возьму решение?) Просто еще плаваю в этой теме) И как Вас можно отблагодарить? Веб мани есть кошелек, хоть немного, но скину, а то время потратили на меня)) 0

@Good_beeR 0 / 0 / 0 Регистрация: 21.12.2010 Сообщений: 59
	14.04.2015, 16:20 [ТС]
	Тогда еще раз спасибо и удачи. 0

Выборка из двух <select>

Решение