Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
0 / 0 / 0
Регистрация: 02.02.2014
Сообщений: 2

необязательный тег select

02.02.2014, 17:14. Показов 1188. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте форумчане , борюсь уже с этой проблемой несколько дней и уже решил написать тут.Если кто может подсказать , на сайте существуют обязательные элемента к выбору и вводу и необязательные . Так вот мне нужно этот selectIndex при выборе дать ему значение и добавить его к сумме а если он не выбран чтобы он не мешал по просту .и таких условий несколько будет.Но хотя бы с одной подскажите пожалуйста



JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
if (cvet.options[cvet.selectedIndex].value)
        {
            var square = document.getElementById("square");
            var slope = document.getElementById("slope");
            var price = 0;
            
            var tolszina = document.getElementById("tolszina");
            
            
if (document.getElementById('niebieski-stal')) {
document.getElementById('niebieski-stal').value = 30;
 
price += parseInt(cvet.options[cvet.selectedIndex].value);
price += (tolszina.selectedIndex == true) ? parseInt(tolszina.options[tolszina.selectedIndex].value) : 0; 
// в верхней строке проблема 
 
 
price = parseInt(square.value) * parseInt(slope.value) * price;                     
result.innerHTML = price;
 
                        }
    
        }
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
02.02.2014, 17:14
Ответы с готовыми решениями:

Html тег <select> раскрывающиеся списки
Доброго времени суток, Суть в следующем, взял код из примера, хочу реализовать следующее: при выборе из списка &quot;Кратко&quot; или...

Импорт данных из MySQL в тег <select>
Здравствуйте! Подскажите как поместить в &lt;select&gt; данные из MySQL? Т.е. &lt;option&gt;значение поля из MySQL&lt;/optoin&gt;

Как передать из тег <a> в тег <img>
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;title&gt;Мои рисунки&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form name =...

2
74 / 71 / 37
Регистрация: 10.09.2011
Сообщений: 169
02.02.2014, 21:57
ti_to, если что-то выбрано, .selectedIndex принимает значение номера выбранного, если нет - -1. Исходя из этого:
JavaScript
1
price += (tolszina.selectedIndex != -1) ? parseInt(tolszina.options[tolszina.selectedIndex].value) : 0;
Но, возможно, я неверно понял вопрос. Тогда объясните подробнее.
0
0 / 0 / 0
Регистрация: 02.02.2014
Сообщений: 2
02.02.2014, 23:55  [ТС]
Существуют дополнительные элементы на сайте которые отмечаются пользователем в калькуляторе , по желанию , и вот на примере одного если его выбрали то они прибавляется к общей сумме.
Вот если select id="tolszina" выбран то он к этой сумме .а если он не включен он пропускается.
Я когда проверяю что я написал, скрипт работает только при выборе а если не выбирать то он вообще не хочет ничего делать.


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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
    <table border="0" bordercolor="#FFFFFF" style="background-color:#FFFFFF" width="50%" cellpadding="3" cellspacing="3">
    <tr>
        <td><b>Тип материала:</b><br/>
        <select style="width:150px;" id="type_material">
            <option value="metal-czerepiza">Металлочерепица</option>
            <option value="bitum-czerepiza">Битумная черепица</option>
            <option value="keram-czerepiza">Керамическая черепица</option>
            <option value="cement-czerepiza">Цементно-песчаная черепица</option>
            <option value="kompoz-czerepiza">Композитная черепица</option>
            <option value="polim-czerepiza">Полимерпесчаная черепица</option>
        </select><br/></td>
        <td><b>Производитель:</b><br/>
        <select style="width:150px;" id="proizvoditel">
            <option value="ruukki" class="metal-czerepiza">Ruukki</option>
            <option value="pruszynski" class="metal-czerepiza">Pruszynski</option>
        </select><br/></td>
        <td><b>Серия</b><br/>
        <select style="width:150px;" id="seria">
            <option id="decorrey-pe-ruukki" value="decorrey-pe-ruukki" class="ruukki">Decorrey PE</option>
            <option value="szafir-pe-pruszynski" class="pruszynski">Szafir PE</option>
        </select><br/></td>
        <td><b>Цвет</b><br/>
        <select  style="width:150px;" id="cvet">
            <option data-path="https://www.cyberforum.ru/images/rr11.gif" id="niebieski-stal" value="niebieski-stal" class="decorrey-pe-ruukki">RR 35 -синий</option>
            <option data-path="https://www.cyberforum.ru/images/rr35.jpg" id="green-stal" value="green-stal" class="szafir-pe-pruszynski">RR 11-темно-зеленый</option>
        </select><br/></td>
    </tr>
    </table>
 
 
<table border="0" bordercolor="#FFFFFF" style="background-color:#FFFFFF;display:block;position:relative;" width="100%" height="100%" cellpadding="3" cellspacing="3">
    <tr>
        <td width="235px"> 
        <label for="is_html">Теплоизоляция</label></td>  
        <td><select style="width:150px;" id="teploizo">
            <option value="">Выбрать</option>
            <option value="rockmin-teploizo" id="rockmin-teploizo">Rockmin</option>
            <option value="isover-teploizo" id="isover-teploizo">Isover</option>
        </select></td> 
        <td>Толщина, мм.</td>  
        <td><select style="width:75px;" id="tolszina">
            <option value="10" id="sto_rockmin_teploizo" class="rockmin-teploizo">100 мм</option>
            <option value="15" id="sto50_rockmin_teploizo" class="rockmin-teploizo">150 мм</option>
            <option value="20" id="dveste_rockmin_teploizo" class="rockmin-teploizo">200 мм</option>
            <option value="10" id="sto_isover_teploizo" class="isover-teploizo">100 мм</option>
            <option value="15" id="sto50_isover_teploizo" class="isover-teploizo">150 мм</option>
            <option value="20" id="dveste_isover_teploizo" class="isover-teploizo">200 мм</option>
        </select></td>
    </tr>
    <tr>
        <td>
        <label for="is_html">Мансардные окна</label></td> 
        <td><select style="width:150px;" id="mansardnye-okna">  
            <option value="0">Выбрать</option>
            <option value="5000">Простой дизайн сайта</option>
            <option value="7000">Сложный дизайн сайта</option>
            <option value="10000">Дизайн интернет-магазина</option>
        </select></td>
        <td>Количество, шт.</td>
        <td><input type="text" id="count" value="" onchange="calc()" /></td>
    </tr>
    <tr>
        <td>
        <label for="is_html">Водосточная система</label></td>  
        <td><select style="width:150px;" onchange="calc()" id="type_design">
            <option value="0">Выбрать</option>
            <option value="5000">Простой дизайн сайта</option>
            <option value="7000">Сложный дизайн сайта</option>
            <option value="10000">Дизайн интернет-магазина</option>
        </select></td>
        <td>Высота до свесов, м.</td>
        <td><input type="text" id="count" value="" onchange="calc()" /></td> 
    </tr>
    <tr>
        <td>
        <label for="is_html">Подшивка карнизных свесов</label></td>  
        <td><select style="width:150px;" onchange="calc()" id="type_design">    
            <option value="0">Выбрать</option>
            <option value="5000">Простой дизайн сайта</option>
            <option value="7000">Сложный дизайн сайта</option>
            <option value="10000">Дизайн интернет-магазина</option>
        </select></td>
        <td>Ширина свесов, см.</td>
        <td><input type="text" id="count" value="" onchange="calc()" /></td> 
    </tr>
    <tr>
        <td> 
        <label for="is_html">Кровельные работы</label></td> 
        <td><select style="width:200px;" onchange="calc()" id="type_design"> 
            <option value="0">Выбрать</option>
            <option value="5000">Простой дизайн сайта</option>
            <option value="7000">Сложный дизайн сайта</option>
            <option value="10000">Дизайн интернет-магазина</option>
        </select></td>
        
    </tr>
</table>
 
    <form>
        <p><input type="button" onclick="oblicz()" value=" Рассчитать "></p>
    </form>
 
<div>Стоимость: <span id="result">0</span> грн.</div>
<div>Стоимость дополнительных элементов: <span id="result-tolszina">0</span> грн.</div>

Вот так вот вид имеет
 Комментарий модератора 
Прикрепляйте файлы и изображения к сообщениям.
https://www.cyberforum.ru/abou... post594251
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
02.02.2014, 23:55
Помогаю со студенческими работами здесь

Сохранение значения select и работоспособность второго select после отправки формы
Добрый вечер!Есть проблемка-не могу сохранить значение селекта,сохранив работоспособность др.селектов после отправки формы....страну...

Отключить элементы select на странице, пока страница не загрузится после выбоар элемента в select
Как это можно сделать ?

Как при выборе определённого значения поля select показать новое поле select
Такая задача, у меня есть список значений в поле типа select. Value1 Value2 Value3 Value4 При если пользователь выбирает Value2 ...

html select\ multi select option одним кликом
Здравствуйте помогите реализовать такую штуку допустим есть html select список . Нужно сделать так чтоб мульти выделение было кликом мышки...

Скрывать select если в другом select выбран определенный value
допустим есть форма &lt;form&gt; &lt;select id=&quot;i1&quot; name=&quot;price1&quot;&gt; &lt;option value=&quot;0&quot;&gt;нет&lt;/option&gt; &lt;option...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Киев стоит - украинская песня
zorxor 28.01.2026
wfWdiRqdTxc О Господи, Вечный, Ты . . . Я помоги, Бесконечный. . . Я прошу Ты. . . Я погибаю, спаси. . . Я прошу Тебя Вечный. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru