用户输入文本作为更改哈希的按钮

时间:2015-11-05 13:06:30

标签: javascript jquery

当用户输入某个术语到textarea时,我想更改url-hash-part。 一种文字底部。 我的背景:艺术学校。所以几乎没有脚本技巧。 而不是所有的JavaScript。 但是花了很多时间才能到达这里。

到目前为止我做了什么:

Set

刚尝试更改此代码: an answer to another question on stackoverflow

1 个答案:

答案 0 :(得分:0)

这可以帮到你:

<input type="textarea" placeholder="text buttons... " id="search">

<div class="text-buttons" style="visibility: hidden">
    <div>info</div>
    <div>essay</div>
    <div>back</div>
</div>
<script>
    $(function () {
        $('#search').keyup(function () {
            var searchTerm = $(this).val(); //user inputted
            var term = '';
            $(".text-buttons div").each(function () { //loop through the list
                if ($(this).text().match(searchTerm)) { //check if list item contains the search term
                    term = $(this).text();//store the matched term in a variable
                }
            });
            if (term === 'info')//check if the term is «info».
                window.location.hash = "part2" //change the anchor part
            window.onhashchange = function () {
            }; //calls he hashchange
        });
    });

</script>