how to get and set selected option from select box using jquery

See more:

MVC

jQuery

i have a select box of html and i added some option on it, when i select option from this select box. the whole page is being refresh. i want to display selected option of select box using jquery how can i do selected text in select box. below is by code

<select id="SelectItem" onchange="Settings();">
       <option value="-1">Select</option>
       <option value="0">Supervisors</option>
       <option value="1">Solid Surface Company</option>
       <option value="2">Comment Reason</option>
   </select>

<script type="text/javascript">
function Settings() {
var x = $("#SelectItem").val();
var y = $("#SelectItem option:selected").text();
var url = "";
if (x == "-1") {
url = "Home/Settings";
}
if (x == "0") {
url = "Supervisors/Index";
}
if (x == "1") {
url = "SSCompany/Index";
}
if (x == "2") {
url = "CommentsReason/Index";
}
var OriginalUrl = window.location.protocol + '//' + window.location.hostname + (window.location.port ? (':' + window.location.port) : '') + "/" + url;
window.location.replace(OriginalUrl);
};

</script>