Question

我有动态生成的数据库表输入，列出了多个“选项”。我有一个脚本，它接受整个选项列表，然后根据|的字符拆分它们。拆分后，它们保留为span divs，然后我将动态应用于输入。

其中一项输入如下所示：

<input class="filterable-content" type="checkbox" name="topics" value="<span>Account</span>" id="group3-<span>Account</span>">

我在点击这些复选框时更新了网址，但由于我获得了价值，因此它带来了整个值Account。无论如何，当它附加到我的网址时，是否会删除值的？

以下是我获取价值的方式：

$(".filterable-content").on("change", function() {
        var hash = $(".filterable-content:checked").map(function() {
            return this.value;
        }).toArray();
        hash = hash.join("&");
        window.location.hash = 'query=' + hash;
    });

这是网址的外观： www.website.com/query=account&profile。

这是我目前得到的： www.website.com/query=Account&Profile。

知道我能为此做些什么吗？感谢帮助！

Answer 1

使用text()获取span标记内的文字。

＆＃13;

$(".filterable-content").on("change", function() {
    var hash = $(".filterable-content:checked").map(function() {
        return $(this.value).text();
    }).toArray();
    hash = hash.join("&");
    console.log(hash);
    window.location.hash = 'query=' + hash;
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="filterable-content" type="checkbox" name="topics" value="<span>Account</span>" id="group3-<span>Account</span>">
<input class="filterable-content" type="checkbox" name="topics" value="<span>Profile</span>" id="group3-<span>Account</span>">

＆＃13;

获取输入值，但删除html语法

1 个答案: