With the above code I am able to navigate to different pages, But what I need is if I select "page3", that should be in selection mode(I mean it should be selected in dropdown selection menu), which is not happening. Can anybody resolve this issue.

<!DOCTYPE html>
<html>
<head>
<title>index1</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen">
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
</head>
<body>
<h1>PAGE1</h1>
<form>
<select id="dropdown">
<option value="index1.html">select</option>
<option value="index1.html">page1</option>
<option value="index2.html">page2</option>
<option value="index3.html">page3</option>
</select>
</form>

<script type="text/javascript" src="js/customjs.js"></script>
</body>
</html>

jQuery:

("select").change(function() {
window.location = $(this).find("option:selected").val();
});