我们有一个选择菜单,用于跳转到页面上的各种s。几年前写的(由别人写的)。我们最近升级到当前的jQuery,它不再有效。我认为这是一个简单的修复,但我的JavaScript技能很薄弱。通过使用jquery提交的选择菜单跳转到锚点
想要操作:根据选择菜单中的ID跳转到锚点,无需按提交。
的选择菜单当前代码:
<?php
echo "<select id='subscale' style='float:right'>";
echo "<option id=''>Jump to a Teaching Tip</option>";
foreach($scales as $scale) {
echo "<optgroup label='".$scale["Scale"]["name"]."'/>";
foreach($scale["Subscale"] as $subscale) {
echo "<option id='".$subscale["id"]."'>".$subscale["name"]."</option>";
}
}
echo "</select>";
?>
和JavaScript:
$(function() {
// select#subscale: on select, send user to selected subscale
$("select#subscale").change(function() {
location.hash = "item-" + $(this).find("[@selected]")[0].id;
});
});
我相信@selected是jQuery中不再支持,但删除@符号没有帮助。
感谢
谢谢 - 完美的作品。知道这是一个简单的修复。 – Voodoo 2010-12-13 21:23:45