如何使用jquery获取值更改

时间:2017-11-11 09:53:37

标签: javascript jquery

我从我带来的模板中获取此代码。我在StackOverflow上尝试了一些答案,但是在更改时我无法从选项中获取数据。当用户选择没有重新加载的选项时,我必须将新数据插入div。但是我无法弄清楚如何从这个下拉列表中获取数据。

<div class="drop-list-one">
    <div class="inner clearfix">
        <div class="dropdown-outer"><a class="btn-box dropdown-toggle" id="dropdownMenu4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="#">Default Sorting</a>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenu4">
                <li><a href="#">Subjects</a></li>
                <li><a href="#">Timelines</a></li>
                <li><a href="#">Popular</a></li>
                <li><a href="#">Incomplete</a></li>
            </ul>
        </div>
    </div>
</div>

1 个答案:

答案 0 :(得分:1)

    <script type="text/javascript">
    $(document).ready(function(){
        $('.dropdown-menu li').on('click', function () {
            console.log($(this).text());
        });
    }) ;

</script>