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

Не работает проверка select

23.04.2017, 17:17. Показов 1066. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день! Помогите пожалуйста разобраться с проблемой.
Суть в следующем. Есть выпадающий список, и кнопка-ссылка, (<a> без атрибута href), которая должна уводить пользователя на следующую страницу.
Пока пользователь не выбрал значение из выпадающего списка, ссылка не работает.
Я хочу сделать проверку наличия выбора, и, если выбор сделан, присваивать <a> атрибут href.
Но ничего не получается(

html:

HTML5
1
2
3
4
5
6
7
8
9
10
<div class="selects">
            <select id="cd-dropdown" name="cd-dropdown" class="cd-select" onchange="madeHref()">
                        <option value="-1" selected>Сколько Вам лет?</option>
                        <option value="1" class="">18 лет - 23 года</option>
                        <option value="2" class="">24 года - 29 лет</option>
                        <option value="3" class="">30 лет - 35 лет</option>
                        <option value="4" class="">Более 35 лет</option>
                    </select>
<a id="next" class="btn-questions">Далее</a>
        </div>
JS:

JavaScript
1
2
3
4
5
6
function madeHref() {
                var sel = document.getElementById('cd-dropdown').selectedIndex;
                if(sel != -1) {
                    document.getElementById('next').Attr("href", "www.google.com")
                }
            }
Подскажите пожалуйста, что я не так делаю?
Спасибо!
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
23.04.2017, 17:17
Ответы с готовыми решениями:

SELECT проверка по БД
Приветствую! Пытался написать проверку по БД на значение steamid, но постоянно получаю срабатывание else и соотвецтвино SteamID не...

Проверка выбранного поля select
Доброго времени суток! Есть задачка - сделал конвертор длинны на php,но на javascript это тоже надо сделать. Делалось с помощью форм,...

Проверка выбранного значения в select
Добрый вечер! Прошу не пинать, если уже была такая тема. Искал не нашел. Как получить значение из тега select(выбранное) в переменную...

3
 Аватар для Пифагор
2172 / 1655 / 840
Регистрация: 10.01.2015
Сообщений: 5,207
23.04.2017, 17:50
JavaScript
1
2
3
4
5
6
document.querySelector('#cd-dropdown').addEventListener("change", function(){
  if(this.value != '-1')
    document.querySelector('a[id="next"]').setAttribute('href', 'http://ya.ru');
  else
    document.querySelector('a[id="next"]').removeAttribute('href');
})
И уберите onchange="madeHref()"
1
2 / 3 / 0
Регистрация: 16.07.2015
Сообщений: 30
23.04.2017, 17:56  [ТС]
Спасибо большое!!

А если мне нужно при выборе определенного вар-та, например, 2, задавать другую ссылку, то я, соответственно, делаю так:

JavaScript
1
2
3
4
5
6
7
8
9
10
document.querySelector('#cd-dropdown').addEventListener("change", function(){
  if(this.value != '-1', !='2') {
    document.querySelector('a[id="next"]').setAttribute('href', 'http://ya.ru');
}
  else if(this.value == '2') {
document.querySelector('a[id="next"]').setAttribute('href', 'http://gl.com');
} else {
    document.querySelector('a[id="next"]').removeAttribute('href');
}
})
?
0
 Аватар для Пифагор
2172 / 1655 / 840
Регистрация: 10.01.2015
Сообщений: 5,207
23.04.2017, 18:05
JavaScript
1
2
3
4
5
6
7
8
9
10
11
document.querySelector('#cd-dropdown').addEventListener("change", function(){
  var next = document.querySelector('a[id="next"]');
  switch(this.value){
    case "-1": next.removeAttribute('href'); break;
    case "1": next.setAttribute('href', 'http://ya.ru'); break;
    case "2": next.setAttribute('href', 'http://google.com'); break;
    case "3": next.setAttribute('href', 'http://mail.ru'); break;
    case "4": next.setAttribute('href', 'http://gmail.com'); break;
     default: next.removeAttribute('href');
  }
})
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.04.2017, 18:05
Помогаю со студенческими работами здесь

Проверка запроса SELECT на null
Помогите, пожалуйста, разобраться. В общем, в зависимости от того, какой ответ получится от запроса SELECT, нужно производить выбор, типа...

Проверка выделенных option в select
у меня есть список &lt;select multiple=&quot;&quot;&gt; &lt;option selected=&quot;&quot; value=&quot;1&quot;&gt; Киев &lt;/option&gt; &lt;option selected=&quot;&quot;...

JS проверка form на выбранный select
Здравствуйте. Код $(document).ready(function(){ $(&quot;form#contactForm&quot;).submit(function() { //When the form is...

Проверка и выделение нужного элемента в Select
Есть список и опции. &lt;select name=&quot;add_val&quot;&gt; &lt;option value=&quot;0&quot; selected&gt;нет&lt;/option&gt; &lt;option value=&quot;1212&quot; &gt;1&lt;/option&gt; ...

Проверка выбранных <option> в <select multiple>
Всем привет, есть такой селект: &lt;select id=&quot;Materials&quot; size=&quot;6&quot; multiple&gt; &lt;option style=&quot;background-color:#333;color:#fff;&quot;...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru