VPF::Замена selecta на input при выборе ДРУГОЙ

MaxPayne

Дата 20.9.2010, 11:42 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 72
Регистрация: 9.8.2005

Репутация: нет
Всего: нет

Ищу по интеренету важную на данный момент тему. Есть select с вариантами городов, но если в списке нет искомого города пользователь может выбрать другой и ввести свой вариант города.
Есть, как я видел, два варианта:
После того, как в select пользователь выбрал ДРУГОЙ
1) Select пропадает и на его месте появляется поле <input type="text"...
2) Под селектом появляется невидимое ранее поле <input type="text".

Подскажите какой нибудь рабочий вариант. Заранее благодарен.

CruorVult

Дата 20.9.2010, 13:59 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 3
Всего: 28

Код


<select  onclick="anotherCity(this)">
<option value='1'>ert
<option value='2'>ertert
<option value='0'>ДРУГОЙ
</select>
<input type="text" id="another_city" style="display:none">
<script>
function anotherCity(el) {
    var v = el.options[el.selectedIndex].value;    
    document.getElementById("another_city").style.display = (v==0)? "block":"none";        
}
</script>

bars80080

Дата 20.9.2010, 14:01 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

Цитата(MaxPayne @ 20.9.2010, 11:42

)

После того, как в select пользователь выбрал ДРУГОЙ
1) Select пропадает и на его месте появляется поле <input type="text"...
2) Под селектом появляется невидимое ранее поле <input type="text".

да, в общих чертах так оно и делается.
есть селект и input:hidden с display:none. на селект вешаем onchange с обработчиком, которые проверяет какое значение выбрано. если выбрал другой, то скрываем селект, показываем текстовое поле и ставим фокус в поле. на поле также вешаем onchange. обработчик смотрит, произошло ли изменение поля. если оно осталось пустым, то возвращаем селект.

попроще сделать с дополнительным чекбоксом "новый"

MaxPayne

Дата 20.9.2010, 14:29 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 72
Регистрация: 9.8.2005

Репутация: нет
Всего: нет

Спасибо.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »