<select id="channel-select" name="channel" onchange="window.location.href = this.options[this.selectedIndex].value;" >
<option value="all">Name</option>
<optgroup label="Name">
<option value="url">Name</option>
<option value="url">Name</option>
<option value="url">Name</option>
<option value="url">Name</option>
<option value="url">Name</option>
<option value="url">Name</option>
</optgroup>
<optgroup label="Name">
<option value="url">Name</option>
<option value="url">Name</option>
<option value="url">Name</option>
<option value="url">Name</option>
<option value="url">Name</option>
</optgroup>
</select>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<select id="channel-select" name="channel" onchange="window.location.href = this.options[this.selectedIndex].value;">
<option value="/">Все категории</option>
<optgroup label="Name">
<option value="/test.html">page 1</option>
<option value="/test2.html">page 2</option>
</optgroup>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</body>
<script type="application/javascript">
$(document).ready(function () {
var url = window.location.pathname;
$('#channel-select option[value="' + url + '"]').attr({ 'disabled':'disabled', 'selected':'selected'});
})
</script>
</html>
Средний
Простой
