hi, using jQuery it can be done as:
$(document).ready(function () {
$('#ddlChoice').live('change', function (e) {
if ($('#ddlChoice option:selected').text() == 'page1') {
HideAll();
$('#page1').show();
}
if ($('#ddlChoice option:selected').text() == 'page2') {
HideAll();
$('#page2').show();
}
if ($('#ddlChoice option:selected').text() == 'page3') {
HideAll();
$('#page3').show();
}
if ($('#ddlChoice option:selected').text() == 'page4') {
HideAll();
$('#page4').show();
}
});
});
function HideAll() {
$('#page1').hide();
$('#page2').hide();
$('#page3').hide();
$('#page4').hide();
}
here ddlChoice is the dropdown containing options page1, page2, page3 and page4
hope this will help you