показать div при изменении значения раскрывающегося списка с использованием JavaScript

Question

У меня есть выпадающий список, и я хочу показать событие div onchange с использованием javascript, но там указано требуется объект

код aspx

<asp:DropDownList runat="server" ID="lstFilePrefix1" onchange="showTR();" >
    <asp:ListItem Text="Prefix1" Value="Prefix1" />
    <asp:ListItem Text="Prefix2" Value="Prefix2" />
    <asp:ListItem Text="Prefix3" Value="Prefix3" />
    <asp:ListItem Text="Prefix1 and Prefix2" Value="Prefix1 and Prefix2" />
    <asp:ListItem Text="Prefix2 and Prefix3" Value="Prefix2 and Prefix3" />
</asp:DropDownList>

и код JavaScript внутри файла .js

function showTR() {
    var dropdown = document.getElementById( "<%=lstFilePrefix1.ClientID%>" ); // Get a reference to the dropdown (select) element
    var selectedItemValue = dropdown.options[ dropdown.selectedIndex ].value; // use the dropdown reference to get the selected item's value
    var div2 = document.getElementById( "data" ); // Get a reference to div2

    if( selectedItemValue == 'Prefix2' ) {
        div2.style.dispaly= "block";// If the selectedItemValue is 'Action', show div2
    } else {
        div2.style.display = "none"; // Otherwise, hide div2
    }
}

Answer 1

Использование

div2.style.visibility = "visible";

или

div2.style.visibility = "hidden";

Answer 2

Ну, я могу ошибаться, но JavaScript не принимает код asp. Если, конечно, вы выводите inside.js как asp с правильным заголовком. Также у вас есть типо на div2.style.dispaly

function showTR() {
    var dropdown = document.getElementById( "#anID" ); // Get a reference to the dropdown (select) element
    var selectedItemValue = dropdown.options[ dropdown.selectedIndex ].value; // use the dropdown reference to get the selected item's value
    var div2 = document.getElementById( "data" ); // Get a reference to div2

    if( selectedItemValue == 'Prefix2' ) {
        div2.style.display = "block";// If the selectedItemValue is 'Action', show div2
    } else {
        div2.style.display = "none"; // Otherwise, hide div2
    }
}