Question

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

默认情况下，未选中的项目为{display：none}。

https://jsfiddle.net/charliedemko/pLm17zmp/1/

QueryOver

所有帮助表示赞赏。

THX。

Answer 1

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

<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>

addClass选择标记

1 个答案: