У меня есть простой сценарий jQuery, который выбирает текущую страницу из статического выпадающего списка, а при изменении выбора сценарий также изменяет атрибут href тега привязки, чтобы отразить изменение навигации. Вот мой код:Изменение страницы из DropDownList с помощью jQuery
<select name="PageSelectDropDown" id="PageSelectDropDown">
<option value="Insulation">Insulation</option>
<option value="Windows">Windows</option>
<option value="Siding">Siding</option>
<option value="Roofing">Roofing</option>
<option value="Gutters">Gutters & Gutter Protection</option>
<option value="PatioDoors">Patio Doors</option>
</select>
<a href="" id="clicker">Go!</a>
<script type="text/javascript">
$(document).ready(function() {
//get the current page
var cPage = '<%= ViewData["CurrentPage"] %>';
//select the current page from the list
$("#PageSelectDropDown > option").each(function() {
if ($(this).val().toLowerCase() == cPage.toLowerCase()) {
$(this).attr("selected", "selected");
}
});
//change the link target
$("#PageSelectDropDown").change(function() {
var str = "";
$("#PageSelectDropDown option:selected").each(function() {
str += $(this).val() + " ";
});
$("#clicker").attr("href", "/Product/" + str.trim());
if (cPage != str.trim()) {
$("#clicker").click();
}
});
});
</script>
Единственное усовершенствование, которое я хотел бы видеть на этом для страницы, чтобы автоматически изменить («авто-клик» якорный тег), когда пользователь выбирает другую страницу из DropDownList.
Заранее благодарен!
чем проблема, вы видите, и почему бы не использовать location.href? – spinon
Не проблема, в основном моя собственная ржавость. См. Ответ KP ниже. – Anders