在autocomplete jQuery插件中调用函数

时间:2013-08-29 12:23:24

标签: javascript jquery autocomplete jquery-ui-autocomplete

我正在使用autocomplete jQuery插件,但我遇到了两个主要问题。

  1. autocomplete函数
  2. 中调用函数
  3. 获取textbox的值以通过功能
  4. Html

    <input id="txtDemo" type="text" />
    

    的js

    $("#txtDemo").autocomplete({
       source: availableTags
    });
    

    这是我的功能,值是textbox

    的值
    function Demo (value)
    {
    //code for getting value from code behind in the form of array
    }
    

1 个答案:

答案 0 :(得分:3)

您可以添加像这样的事件处理程序

$('#txtDemo').on('change', function(){
 var value = $(this).val();
 Demo (value); //pass the value as paramter
});

//Handle it here
function Demo (value) {
 //code for getting value from code behind in the form of array
}

来自您的评论:可以使用select

  

select( event, ui )Type: autocompleteselect

     

从菜单中选择项目时触发。默认操作   是用所选的值替换文本字段的值   项目

$("#txtDemo").autocomplete({   
   source: availableTags,
   select: function( event, ui ) {
            demo(ui.item.value);          
      }

});

以下是示例working fiddle

希望你能理解。