jquery - fcbkcomplete，添加或更新Input后如何获取所有值

Question

我有兴趣使用fcbkcomplete，它具有：

• onselect– 在项目选择上触发事件。
• onremove- 项目移除触发事件

对于这两个事件，我希望发生的事情是提醒输入框中项目的 ID/值列表。

你能帮我理解如何获得这些值吗？

谢谢

Answer 1

由于插件与实际select元素相关联，而不是与option内部元素相关联，因此您应该能够编写一个函数，该函数仅提醒父选择的包含选项的所有选项详细信息。也许是这样的：

$("#select").fcbkcomplete({
       onselect: function() {
           var optionList;
           $("option",this).each(function() {
               optionList += $(this).attr("id") + " : " + $(this).val() + "\n";
           });
           alert(optionList);
       }
});

Answer 2

Checks if an item exists in the DB in this case a user.

$(document).ready(function () {
    $("#users").fcbkcomplete({
        json_url: "yoururl.php",
        cache: false,
        filter_case: false,
        filter_hide: true,
        complete_text:"'.get_lang('StartToType').'",
        firstselected: true,
        onselect:"check_users",   //<----- important
        filter_selected: true,
        newel: true
    });
});

Hewe we check if users exists in the DB

function check_users() {
    //selecting only "selected" users
    $("#users option:selected").each(function() {
        var user_id = $(this).val();        
        if (user_id != "" ) {            
            $.ajax({ 
                url: "my_other_url_to_check_users.php", 
                data: "user_id="+user_id,
                success: function(return_value) {
                    if (return_value == 0 ) {
                        alert("UserDoesNotExist");                        
                    }                    
                },            
            });                
        }        
    });
}