Jquery自动填充 - 输入

时间:2017-02-25 19:46:57

标签: jquery autocomplete

我正在使用jquery自动完成小部件,其中用户键入与公司和其他数据关联的数字,并且该数据填充在其他字段中。目前,用户键入数字,然后必须从列表中选择它以完成其他字段。我的目标是消除用户不必从列表中选择数字,而是输入数字,点击搜索按钮并填充字段。我怎样才能做到这一点?

这是我的代码:

$("#moveinbooth").autocomplete({
    source: "/sites/schedule.php",
    change: function (event, ui) {

        if (!ui.item) {
            //http://api.jqueryui.com/autocomplete/#event-change -
            // The item selected from the menu, if any. Otherwise the property is null
            //so clear the item for force selection
            $("#moveinbooth").val("");
        }

    },
    minLength: 0,
    position: {
        my: "center bottom",
        at: "center top",
        collision: "flip"
    },
    scroll: false,
    select: function (event, ui) {
        $(this).autocomplete('disable');
        $('#exhibitorname').val(ui.item.exhibitor);
        $('#moveindate').val(ui.item.moveindate);
        $('#moveintime').val(ui.item.moveintime);
        $('#moveoutdate').val(ui.item.moveoutdate);
        $('#moveouttime').val(ui.item.moveouttime);
    }

})

1 个答案:

答案 0 :(得分:0)

如果他们必须输入,而不是选择它,那么你还需要自动完成吗?如果你这样做,你的问题是用户仍然必须在列表中选择它,即使数字是完全输入的,那么只需听一下select事件或TAB或ENTER按键。