javascript - jquery 检查字符串是否已从文本区域中删除并从选择中删除选项

Question

嗨，我正在使用 jquery 来检测是否已将 @ 符号插入到文本区域中。当检测到这种情况时，将向服务器发出 ajax 请求以检索用户列表。然后，用户单击用户名，它将被附加到文本区域，如下所示，并添加到选择中，以便我可以将此注释通知相关用户；

$(document).on('click', '#fetchUsers li',function(e){
        var username = $( this ).text();
        var user_id = $( this ).attr('data-user-id');
        $('textarea.addNote').val(function(_, val){return val + username; });
        $(this).parent('ul#fetchUsers').html('');

        $('#addAUsertoNote')
            .append($("<option></option>")
                .attr("value",user_id)
                .text(username));

    });

现在我遇到的问题是，如果我从文本区域中删除字符串@userone，则该选项值会出现在选项列表中，但它不应该出现在选项列表中。有谁知道是否以及如何检查用户名是否已被删除并将其从选项组中删除？

Answer 1

您可以尝试这种方法，添加 keydown 事件并每次检查每个用户是否在文本区域中:

$('textarea.addNote').keydown(function() {
    var self = $(this);
    var note = self.val();
    var users = $('#addAUsertoNote option').map(function() {
        return $(this).text();
    }).get();
    users.forEach(function(user) {
        if (!note.match("@" + user)) {
            $('#addAUsertoNote option:contains(' + user + ')').remove();
        }
    });
});