Как убрать выпадающий список у select

ShitHappens · October 21, 2008

Нужен select, у которого при нажатии на кнопку вниз ничего бы не происходило.

Кто-нибудь знает, как это делать?

rus · October 21, 2008

ShitHappens · October 21, 2008

Не совсем то, что хотелось. Нужно именно убрать выпадающий список. Т.е. элемент должен быть активным. Думаю надо событие какое-то перехватить, и дальнейший bubble остановить. Вот только вопрос какое.

homm · October 21, 2008

http://htmlbook.ru/html/select.html

ShitHappens · October 21, 2008

Там я уже давно все посмотрел. Видимо, я не правильно объяснил чего хочу.

Должен быть select типа textbox, т.е. size = 1. При нажатии на стрелочку вниз должен запускаться javaScript (это уже сделано). Этот скрипт кое-что рисует под этим select'ом. Единственная трабла - это то, что с селекта что-то вывалевается. Такое поведение нужно убрать.

homm · October 21, 2008

Вообще кончно извращение, не проще ли свой элемент нарисовать на html ?

Но попробуй еще в «onClick» вернуть false;

ShitHappens · October 21, 2008

Пробовал, не помогает

homm · October 21, 2008

всякие PreventDefault(), stopPropagation() тоже пробовал?

ShitHappens · October 22, 2008

Имеем следующий html-файл

<html>
<head>
<title>Event Propagation</title>

<script type="text/javascript">

function stopEvent(evt) {
    evt.preventDefault();
}


</script>

</head>

<body>

<select onclick = "stopEvent(event)">
    <option>option 1</option>
    <option>option 2</option>
</select>

</body>
</html>

При вызове метода preventDefault() происходит ошибка. Если вместо preventDefault() использовать stopPropagation() тоже ошибка. Что может быть не так?

homm · October 22, 2008

В различии местоположения объекта event в разных браузерах

ShitHappens · October 22, 2008

Насколько я понял, надо писать так:

<html>
<head>
<title>Event Propagation</title>

<script type="text/javascript">

function stopEvent(evt) {
var evt = evt || widows.event;
evt.preventDefault();
}


</script>

</head>

<body>

<select onclick = "stopEvent(event)">
<option>option 1</option>
<option>option 2</option>
</select>

</body>
</html>

Но это тоже, к сожалению, не работает.

homm · October 22, 2008

Но это тоже, к сожалению, не работает.

К сожалению я не знаю, что вы имели ввиду под «не работает», получается ли опять ошибка или просто не срабатывает.

ShitHappens · October 22, 2008

IE говорит object doesn't support this property or method.

ShitHappens · October 22, 2008

Ошибка, которая была в предыдущем посте нашел и поправил.

Пришел к вот к такой функции, но она все равно не дает желаемый результат.

        function Donothing(evt)
        {
            var evt = evt || window.event // кросс-браузерно
            // Вариант Internet Explorer:
            evt.returnValue = false;
            // Вариант стандарта W3C: 
            if (evt.preventDefault) {
                evt.preventDefault();
            }
            evt.cancelBubble = true
            // Вариант стандарта W3C:
            if (evt.stopPropagation) {
                evt.stopPropagation()
            }

            return false;
        }

Sign In

Как убрать выпадающий список у select

Question

Link to comment

Share on other sites

13 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information