Javascript addClass以选择标记

我正在尝试使用JS将活动类应用于所选选项

默认情况下，未选中的a项为{display:none}

.selecthidden{显示：无；}
.selectactive{display:block！important；}
$（文档）.ready（函数（）{
$（'select#studioselect option'）。每个（函数（）{
$（此）.addClass（选择活动）；
$.not（this）.removeClass（selectactive）；
});
});
选择工作室
中性湾
男子气概
邦迪结
邦迪海滩
南墨尔本
菲茨罗伊
北珀斯
玛莉
惠灵顿

谢谢你的帮助

---

Thx.

为了以简单的方式实现您的要求，您可以尝试以下方法：）

$（文档）.ready（函数（）{
$（'#studioselect'）.change（function（）{
var val=$（this.val（）；
$（'#unhide'）.html（''）；
})
});
选择工作室
中性湾
男子气概
邦迪结
邦迪海滩
南墨尔本
菲茨罗伊
北珀斯
玛莉
惠灵顿

要显示与所选选项对应的链接吗？我看不出这里有问题。它添加了

selectactive

。缺少引号：类名应该用引号括起来<代码>$（此）.addClass（选择活动）==>

$（this）.addClass（“selectactive”）谢谢Tushar。。非常感谢。你的JS小提琴工作得很好。。我正在把它添加到我的网站上。
<style>
    .selecthidden {display:none;}
    .selectactive {display:block !important;}
</style>

<script>
    $(document).ready(function(){
    $('select#studioselect option').each(function(){
            $(this).addClass(selectactive);
            $.not(this).removeClass(selectactive);
    });
    });
</script>

<select id="studioselect">
  <option value="select studio">Select Studio</option>
  <option value="neutral bay">Neutral Bay</option>
  <option value="manly">Manly</option>
  <option value="bondi junction">Bondi Junction</option>
  <option value="bondi beach">Bondi Beach</option>
  <option value="south melbourne">South Melbourne</option>
  <option value="fitzroy">Fitzroy</option>
  <option value="north perth">North Perth</option>
  <option value="myaree">Myaree</option>
  <option value="wellington">Wellington</option>
</select>
<div style="margin-top:20px;">
<a id="button-neutralbay" class="qbutton selecthidden" href="#" >Neautral Bay</a>
<a id="button-manly" class="qbutton selecthidden" href="#" >Manly</a>
<a id="button-bondijunction" class="qbutton selecthidden" href="#" >Bondi Junction</a>
<a id="button-bondibeach" class="qbutton selecthidden" href="#" >Bondi Beach</a>
<a id="button-southmelbourne" class="qbutton selecthidden" href="#" >South Melbourne</a>
<a id="button-fitzroy" class="qbutton selecthidden" href="#" >Fitzroy</a>
<a id="button-northperth" class="qbutton selecthidden" href="#" >North Perth</a>
<a id="button-myaree" class="qbutton selecthidden" href="#" >Myaree</a>
<a id="button-wellington" class="qbutton selecthidden" href="#" >Wellington</a>
</div>

<script type="text/javascript">
        $(document).ready(function(){
            $('#studioselect').change(function(){
                var val = $(this).val();
                $('#unhide').html('<a id="button-'+val+'" class="qbutton selectactive" href="#" >'+val+'</a>');
            })
        });
    </script>

    <select id="studioselect">
        <option value="select studio">Select Studio</option>
        <option value="neutral bay">Neutral Bay</option>
        <option value="manly">Manly</option>
        <option value="bondi junction">Bondi Junction</option>
        <option value="bondi beach">Bondi Beach</option>
        <option value="south melbourne">South Melbourne</option>
        <option value="fitzroy">Fitzroy</option>
        <option value="north perth">North Perth</option>
        <option value="myaree">Myaree</option>
        <option value="wellington">Wellington</option>
    </select>
    <div id="unhide"></div>