如何在Javascript上操作输入值中的字符串

Question

我有一个输入元素<input id="mystring" type="text"></input>。

id将是这样的：

mystring = "myid,myid01"

当我打开一个页面时，我想将页面值添加到mystring，如下所示：

mystring = "myid,myid01,page1"

如果我去Page2，Page3然后回到Page1。 mystring的值如下所示。假设Page1没有添加两次：

mystring = "myname,myid,page1,page2,page3"

我还要删除mystring上的值，就像删除Page2一样。然后mystring的值为：

mystring = "myname,myid,page1,page3"

我尝试过这个脚本，但它没有工作：

function changestringvalue() {
    var filters = $("#mystring").val();
    var newFilter = 'test,';
    if (-1 !== (idx = jQuery.inArray(newFilter, filters))) {
        // remove
        filters.splice(idx, 1);
    }
    else {
        // add
        filters.push(newFilter);
    }
    alert($("#mystring").val());
}