Dizz19

Рейтинг
0
Регистрация
05.02.2014
Как в поле input вставить выпадающий список

Задачу решил ☝ прописав в css 


.sidebarForm select {

    border-top-width: 0px;

    border-bottom-width: 0px;

    border-left-width: 0px;

    border-right-width: 0px;

    width:100%;

}

Спасибо всем принимавшим участие в решении вопроса.

Как в поле input вставить выпадающий список
DiAksID:
не трудно руками соорудить то, что генерят все эти монструозные плагины:

- рисуем два поля: селект с нужными опшонс и инпут
- инпут висит над селектом, перекрывая визуально + кидаем event.stopPropagation
- по onclick на поле ввода инпута эмулируем раскрытие выпадающего списка селекта
- по onclick на опшонс эмулируем заполнение инпута
- по любому onclick при открытом выпадающем списке закрываем его

всё. итого: два HTML поля, CSS на 3+ строки и скрипт на 20+ строк...

А можно в виде кода?

Нашел такой вариант реализации: 


   <label>Количество взрослых:</label>

   <div class="input" id="cor5">

   <input value="" id="posAdult" name="description" type="text" />

   <script type="text/javascript">

    var input = document.getElementById('posAdult'),

        parent = input.parentNode,

        select = document.createElement('SELECT');

	

    select.id = input.id;

    select.name = input.name;

    select.options.add(new Option(''));	

    select.options.add(new Option('1'));

    select.options.add(new Option('2'));

    select.options.add(new Option('3'));

	select.options.add(new Option('4'));

	

    parent.insertBefore(select, input);

    parent.removeChild(input);

</script>

</div>

Но есть одно но. Он как-то ублюдочно смотрится:

Может как-то в css можно поправить?

Как в поле input использовать 2 id
Хелпзонович:
Никак. Вы не в ту сторону копаете.
Надо не 2 id. Надо id datepicker сменить в скрипте, а айди оставить один - posArrival. 

<script type="text/javascript">

$(function(){

$("#posArrival").datepicker({

changeMonth: false,

changeYear: false

});

});

</script>

Во блин как просто! Огромное спасибо. Уже полдня бьюсь. Бегу изучать скрипты.

---------- Добавлено 05.02.2014 в 12:16 ----------

Mad_Man:
В атрибутах `id ` должен быть указан единожды. Множественными могут быть классы и записываются они как `class="first second ..."`.

Ваша задача смешна до безобразия и не требует двух `id` в одном элементе. Более того, официальная API юзает классы в качестве селекторов для примеров работы.

И вдобавок к этому почитайте что-нибудь по jQuery, чтобы не писать два одинаковых куска кода для двух разных селекторов. Достаточно же написать их перечислением.

Ошибку понял. Большое спасибо за волшебный пендель 😂