Как отменить открытие файла при выборе?

Question

[Даниил Бакунин]

Здравствуйте! Подскажите пожалуйста, как при выборе элемента из списка - запретить переход к выбранному файлу? Есть небольшой скрипт на jquery, который выбирает value у option и передаёт его ссылке со значением download (по ней и должно происходить скачивание файла).

<div class="pricelist_form_block index__form_block">
                        <select name="pricelist" id="choose__pricelist_down">
                            <option class="no_link" value="/upload/import/price/products_uf.pdf" >Санкт-Петербург</option>
                            <option class="no_link" value="/upload/import/price/products_mo.pdf" >Москва</option>
                            <option class="no_link" value="/upload/import/price/products_ch.pdf" >Челябинск</option>
                            <option class="no_link" value="/upload/import/price/products_ki.pdf" >Киров</option>
                            <option class="no_link" value="/upload/import/price/products_nn.pdf" >Нижний Новгород</option>
                        </select>
                        <a class="button button_larger button_white button_pricelist_download_index" href="/upload/import/price/products_uf.pdf" download>Скачать</a>
                    </div>

$('#choose__pricelist_down').on('change', function(){
    	$('.button_pricelist_download_index').attr('href', $(this).val());
    });

Comments

[Вадим]

не понятно в чём проблема.
Если Вам это не нужно - удалите обработчик.

[Даниил Бакунин]

Вадим, Последовательность следующая:
1. Пользователь выбирает option
2. Нажимает на a(download) и после этого скачивает файл

В данный момент уже при выборе option - идёт переход на страницу с value, есть возможность это действие заблокировать?

[VoidVolker]

В данный момент уже при выборе option - идёт переход на страницу с value, есть возможность это действие заблокировать?

Значит, надо отключить код, ответственный за этот переход.

[Вадим]

Даниил Бакунин, Значит это поведение где-то запрограмировано.
Скинутый участок кода этого не делает. (более того, js от другой разметки)
Такого поведения по умолчанию у селекта тоже нет.

[Даниил Бакунин]

VoidVolker, Правильно ли я понимаю, что это не базовая функция - переход к файлу, по клику на option? Если так, то конечно - буду искать код, ответственный за этот переход.
(Код изначально не я писал).

[Даниил Бакунин]

Вадим, Это многое объясняет, спасибо! :)

[VoidVolker]

Правильно ли я понимаю, что это не базовая функция - переход к файлу, по клику на option?

Да. Стандартное поведение при выборе опции в select - изменить его текущее значение. Больше ничего.

[Даниил Бакунин]

VoidVolker, буду знать, благодарю!)
Надо будет мне перечитать html-документацию

[Вадим]

Даниил Бакунин, в инструментах разработчика, когда нажимаешь в разметке на элемент - можно выбрать потом сбоку вкладку "Event listeners" (в том же "окне" где и стили) не знаю как на руском, скорее всего "События" - и там будет список всех слушателей событий, которые были добавлены на элемент, в том числе кастомные с указанием из какого файла.

[Даниил Бакунин]

Вадим, Здорово, не знал о такой функции в инструментах разработчика - намного облегчает поиск событий, весьма признателен!))
+1 к тому, что мне ещё нужно изучить

[VoidVolker]

Надо будет мне перечитать html-документацию

Даниил Бакунин ловите очень полезную ссылку на тему документации: htmlbook.ru

[Даниил Бакунин]

VoidVolker, Спасибо!

Answer 1

[Nik Faraday]

1. Пользователь выбирает option
2. Нажимает на a(download) и после этого скачивает файл

В данный момент уже при выборе option - идёт переход на страницу с value, есть возможность это действие заблокировать?

Повешайте на обработчик, который будет сохранять value в отдельную переменную, и только после нажатия на кнопку будет передавать/открывать/скачивать по данной переменной

Comments

[Даниил Бакунин]

Тоже вариант, спасибо!)