Взаимодействие select и input

У меня есть следующий select:

<div>
                                        <select>
                                            <option value="">Пункт 1</option>
                                            <option value="">Пункт 2</option>
                                            <option value="">Другое</option>
                                        </select>
                                    </div>

Нужно реализовать следующую функцию: Т.е. при выборе пункта "другое", текст внутри select должен пропасть и должна появиться возможность ввода информации с клавиатуры. Но! При этом возможность выбора других пунктов у select должна остаться. Такой механизм реально реализовать? И если да, то с чего начать?...