Как можно изменить отключенный стиль для поля выбора с JavaScript

Question

Как можно изменить отключенный стиль для поля выбора с JavaScript

0

Я хочу изменить второй стиль, который отключен, когда первый блок выбора изменен, но я не могу. Пожалуйста, помогите мне.

<html>
    <body>
        <select onchange="a()" id="1">
            <option>Choose</option>
            <option>1</option>
            <option>2</option>
        </select>
        <select id="2" disabled="true">
            <option>one</option>
            <option>two</option>
        </select>
        <script>
            function a(){
                if(document.getElementById('1').value!="Choose"){
                    document.getElementById('2').style.background="yellow";
                    document.getElementById('2').style.disabled="false";
                }
            }
        </script>
   </body>
</html>

user2729868 25 окт. 2013, в 15:31

Источник

0

@Donte'Trumble Donte'Trumble Вам не нужна скрипка для чего-то такого простого;)
Niet the Dark Absol 25 окт. 2013, в 12:53
0

Да, именно поэтому я удалил это. ;)
dowomenfart 25 окт. 2013, в 12:54

Теги:

javascript

html

css

3 ответа

Ещё вопросы

@Donte'Trumble Donte'Trumble Вам не нужна скрипка для чего-то такого простого;)
Да, именно поэтому я удалил это. ;)

Niet the Dark Absol · Answer 1 · 2013-10-25T11-09-00.000Z

disabled - свойство элемента, а не его коллекция стилей.

document.getElementById('2').disabled = false;

Также важно отметить, что 1 и 2 НЕ являются допустимыми идентификаторами в HTML старше HTML5, что означает, что у более старого браузера могут быть серьезные проблемы с ним (например, не распознавать его как идентификатор, не обнаруживая его с помощью getElementById, не стирая его, и т.д.) Я предлагаю дать значимые идентификаторы, даже если он просто select1 и select2, что помогает уменьшить вероятность случайного дублирования идентификаторов.

hazerd · Answer 2 · 2013-10-25T11-34-00.000Z

"Отключенная" часть - это атрибут элемента select, а не свойство CSS.

Попробуйте это вместо этого:

document.getElementById('2').disabled=false;

matewka · Answer 3 · 2013-10-25T10-06-00.000Z

disabled - атрибут, а не свойство стиля. Это должно сделать:

function a(){
    if(document.getElementById('1').value!="Choose"){
        document.getElementById('2').style.background = "yellow";
        document.getElementById('2').disabled = false;
    }
}