I have create view in asp.net mvc4.
In my view there is one dropdown:
@Html.DropDownList("Type", new SelectList(TypeList, "value", "text"), new { id = "ddl1", onchange = "SelectedIndexChanged()" })
In javascript:
function SelectedIndexChanged() {
var value = $("#ddl1").val();
alert(value);
if (value == "type1")
{
document.getElementById('tblsat').style.visibility = "visible";
document.getElementById('tblSuper').style.visibility = "hidden";
}
else
{
document.getElementById('tblSuper').style.visibility = "visible";
document.getElementById('tblsat').style.visibility = "hidden";
}
}
At runtime if i change dropdown selection onchange event will work fine..But i want to fire onchange event on page load also.
Thanks..
Jignesh TrivediPosted Nov 21, 2013, 5:24 AM
when page load is complited than document.ready() is is called in JQuery
with the help of this you can acheive this.
Please refer
http://api.jquery.com/ready/
hope this will help you.
Jaganathan BantheswaranPosted Nov 21, 2013, 5:22 AM
$(document).ready(function() {
$('#ddl1').trigger("change");
});