删除输入值jquery中的文本

我有一个带有空

输入#标记的表单

。 我有一个

p#list_标签

，几乎没有

span.关键字

。 当我单击一个

.keyword

时，它的文本会附加到

input.val（）

但是如果我再次单击它，我就无法从

val（）

中删除它的文本。 我的代码：

$("p#list_tags span.keyword").click(function() {
    var tag = $(this).text();
    var tags = $("#tags").val();

    if($(this).hasClass('selected_tag')) {
        $(this).removeClass('selected_tag');
        // Here, I don't know what to do... I've tried this, but...
        // $("#tags").remove(":contains('" + tag + "')");
    }
    else {
        $("#tags").val(tags + ' ' + tag);
        $(this).addClass('selected_tag');
    }
});

试试这个

$("p#list_tags span.keyword").click(function() {
    var tag = $(this).text();
    var tags = $("#tags").val();

    if($(this).hasClass('selected_tag')) {
        $(this).removeClass('selected_tag');

        //if that tag is last one, we need to append space before tag
        var res = tags.split(" "); 
        var replaceString = "";
        if(res[res.length-1] == tag){
          replaceString = " " + tag;
        }else{
          replaceString = tag + " ";
        }

        $("#tags").val(tags.replace(replaceString, "")); // Replace with empty value
    }
    else {
        $("#tags").val(tags + ' ' + tag);
        $(this).addClass('selected_tag');
    }
});