@Roman-Belgorod

Как создать название в первом поле из выпадающего списка select и option?

Здравствуйте. Есть выпадающий список select и option в первом поле которому нужно создать название "Выбор банка". Через option selected получается, но всплывает дополнительное ненужное поле которое активизирует ненужное содержимое. Пример:
HJfTslNl.png

HTML
<select class="select-dropdown">
<option selected>Выбор банка</option>
 <option value="1">Тинькофф банк</option>
 <option value="2">Соверен банк</option>
 <option value="3">Ситибанк</option>
  <option value="4">Банк Москвы</option>

</select>


JAVASCRIPT
$(document).ready(function(){

    $("div[class^=contents]:not(:first)").hide()

    $('.select-dropdown').change(function() {
        value = $(this).find('option:selected').val();
   
        $('div[class^="contents"]').hide();
        $('.contents'+value).show();
    });
});

Пример:
jsfiddle.net/u14yp9y4/3
  • Вопрос задан
  • 413 просмотров
Пригласить эксперта
Ответы на вопрос 4
Menlod
@Menlod
Front-end developer
jsfiddle.net/u14yp9y4/4 если совсем просто
Ответ написан
kimono
@kimono
Web developer
<select class="select-dropdown">
<option>Выбор банка</option>
 <option value="1">Тинькофф банк</option>
 <option value="2">Соверен банк</option>
 <option value="3">Ситибанк</option>
 <option value="4">Банк Москвы</option>
</select>

Не?
Ответ написан
@Roman-Belgorod Автор вопроса
Вопрос решен, но не полностью. Достаточно добавить:

$(".select-dropdown option[value=" + value + "]").removeAttr('disabled');

Осталось только скрыть это поле в выпадающем списке, которое повторяется ( "Выбор банка")
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы