Как сделать select checkbox скрытым до нажатия на input?

Здравствуйте уважаемые!

Имеется код формы - в кратце
<div class="input">
                            <input type="text" name="name" required>
                            <span>Ваше имя</span>
                        </div>
                        <!--  -->
                        <div class="input">
                            <input type="text" name="phone" required>
                            <span>Номер телефона</span>
                        </div>

                        <div class="input">
                            <input type="text" name="phone" required>
                            <span>Ваш город</span>
                            <select name="form_select">
                                <option value="Nur-sultan" selected="selected">Нур-Султан</option>
                                <option value="Karaganda" >Караганда</option>
                            </select>


А так же имеется стили которые делают Input кликабельными.
60c9bc94efb69434626180.png

Возможно ли сделать так что бы при нажатии на Input города, можно было сделать так что бы он становился видимым и на оборот до нажатия ?
  • Вопрос задан
  • 99 просмотров
Решения вопроса 1
@Drayde
Раз уж тег Битрикс, делаем на нем:
<select id="city" name="form_select" class="hidden" >
	<option value="Nur-sultan" selected="selected">Нур-Султан</option>
	<option value="Karaganda">Караганда</option>
</select>


.hidden {
	display: none;
}


BX.ready(function() {
	BX.bind(BX('city'),  'click',  () => {
		BX.removeClass(BX('city'), 'hidden');
	});
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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