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

@eldenio · Регистрация: 16.07.2015

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

Добрый день! Помогите пожалуйста разобраться с проблемой.
Суть в следующем. Есть выпадающий список, и кнопка-ссылка, (<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")
                }
            }

Подскажите пожалуйста, что я не так делаю?
Спасибо!

@Пифагор · 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()"

@eldenio · 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');
}
})

?

@Пифагор · 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');
  }
})

Новые блоги и статьи Все статьи Все блоги /
Установка 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. Задача: при создании документов установить период списания автоматически. . .