Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 帮助jQuery用户界面自动完成,并能够进行制表_Jquery Ui_Autocomplete - Fatal编程技术网

Jquery ui 帮助jQuery用户界面自动完成,并能够进行制表

Jquery ui 帮助jQuery用户界面自动完成,并能够进行制表,jquery-ui,autocomplete,Jquery Ui,Autocomplete,我已经编写了一些jQuery代码来启用输入字段的自动完成 我有两个问题似乎无法解决 远离该字段的选项卡将不会填充输入。我需要的是,如果未选择任何内容(单击或通过向上/向下选择),第一个建议填充字段,,或者在字段中填充突出显示的项目。(注意:突出显示通过上/下箭头完成) 使用向上/向下箭头时,我需要输入以显示“标签”,而不是当前按向上/向下键将填充输入值的“值” 如有任何建议,将不胜感激 这是我的JSBIN测试场。 注意:字段就是为了给你一些“标签”上的内容。如果它被删除,帮助区域将被扩展。我想

我已经编写了一些jQuery代码来启用输入字段的自动完成

我有两个问题似乎无法解决

  • 远离该字段的选项卡将不会填充输入。我需要的是,如果未选择任何内容(单击或通过向上/向下选择),第一个建议填充字段,,或者在字段中填充突出显示的项目。(注意:突出显示通过上/下箭头完成)
  • 使用向上/向下箭头时,我需要输入以显示“标签”,而不是当前按向上/向下键将填充输入值的“值”
  • 如有任何建议,将不胜感激

    这是我的JSBIN测试场。


    注意:
    字段就是为了给你一些“标签”上的内容。如果它被删除,帮助区域将被扩展。

    我想我已经解决了这个问题。使用jQuery自动完成辅助程序

    $(function () {
        $(label_element).autocomplete({
            source: json_string,
            selectFirst: true,
            focus: function (event, ui) {
                return false;
            },
            select: function (event, ui) {
                $(value_element).val(ui.item.value);
                $(label_element).val(ui.item.label);
                return false;
            }
        });
    });
    
    下面是选择第一个脚本

    (function ($) {
    
        $(".ui-autocomplete-input").live("autocompleteopen", function () {
            var autocomplete = $(this).data("autocomplete"),
            menu = autocomplete.menu;
    
            if (!autocomplete.options.selectFirst) {
                return;
            }
    
            menu.activate($.Event({ type: "mouseenter" }), menu.element.children().first());
        });
    
    } (jQuery));
    
    现在,只要我需要添加自动完成,我就使用这个

    <script type="text/javascript">
            var json_string = // My Autocomplete JSON string.
            var label_element = "#RegionName";
            var value_element = "#RegionID";
    </script>
    
    
    var json_string=//我的自动完成json字符串。
    var label_element=“#RegionName”;
    var value_元素=“#RegionID”;
    
    想知道为什么会有反对票。