2009-11-17 2 views
0

У меня есть DropDownList, и я хочу, чтобы показать Дивonchange событие с помощью JavaScript, но он говорит объект, необходимыйпоказать DIV OnChange из DropDownList значения с помощью 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 
    } 
} 
+0

Если код вырезать и вставить туда опечатка: div2.style.dispaly должен быть div2. style.display ... Kindness, Dan –

ответ

0

Ну, я мог бы ошибайтесь, но JavaScript не принимает asp-код. Если, конечно, вы не выводите inner.js как asp с правильным заголовком. Также у вас есть typeo на 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 
    } 
} 
0

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

div2.style.visibility = "visible"; 

или

div2.style.visibility = "hidden"; 
+1

Этот ответ слишком короткий и не соответствует стандартам качества SO. Пожалуйста, улучшите его, добавив некоторые объяснения, чтобы он был полезен для сообщества, а не только для OP. –

Смежные вопросы