Javascript 在“选择”下拉列表中使用锚定

好的，我有一个当前运行的下拉列表，当从下拉列表中选择该项目时，它会在同一页面上显示隐藏的内容div。问题是，我需要能够使用与锚相同的代码，或者允许我在从另一个页面引用该页面时调用该特定部分，或者在内容向前移动后简单地导航回该页面

以下是脚本：

<script type="text/javascript">`
jQuery(function($) {
$('.box').hide();
$('#option1').show();
$('#category_select').change(function () {
$('.box').hide();
$('#'+$(this).val()).show();
});
});
</script>

和我的页面内容：

<div id="mental_lever_collection">
<div class="menu"><span class="title">Choose a Mental Lever Collection</span>
<select id="category_select" class="select">
<option value="#option1">Mental Levers &amp; Leveraged Thinking</option>
<option value="#option2">Zero Aggression Basics</option>
</select></div>
<div id="option1" class="box">

Some Content
</div>
<div id="option2" class="box">

Some Content
</div>
</div>

如果你有任何想法如何调整这一点，以获得预期的效果，它将非常感谢

试试这个

$(document).ready( function() {
$('.box').hide();
$('#option1').show();
$('#category_select').change(function () {
$('.box').hide();
    var test = $(this).val();
    console.log(test);
$(test).show();
});
});

---

你的代码中有一个额外的代码。 请更改$+$this.val.show；至$$this.val.show

希望这能帮助您解决问题： 完整jquery代码

<script type="text/javascript">`
jQuery(function($) {
$('.box').hide();
$('#option1').show();
$('#category_select').change(function () {
$('.box').hide();
$($(this).val()).show();
});
});
</script>

---

你说的锚是什么意思？@jmore009：我相信问题是关于AJAX书签的。不一定是AJAX，但这些关键字应该会有很多点击率。没有时间写完整的答案。为了澄清-我正在寻找下拉选项来生成锚的名称，例如：页面的url是example.com/mental-levers，选择一个选项后，我希望它被附加到example.com/mental-LeversOption 1。通过这样做，我希望实现一种方法，通过该方法，我可以使用特定的锚引用该页面，并显示该选择的内容。感谢您的回答，但这不会改变任何事情，我正在寻找下拉选项来生成锚的名称，例如：页面的url是，在选择了一个选项后，我希望它被追加