Question

我认为这很容易，如果我在该文本框中键入或复制粘贴以下代码：

public enum Type :Int {

    case Number
    case String
    case Bool
    case Array
    case Dictionary
    case Null
    case Unknown
}

我的问题是，我在文本框中使用了Jquery Ui插件。所以，它不起作用。

我需要的是自动完成后，焦点将会运行。但是现在，自动完成并没有关注其文本框。

任何人都可以帮我解决这个问题吗？

这个代码 https://jsfiddle.net/o25n6017/

但是文本框1是自动编译

提前感谢。

Answer 1

根据我的理解，您可能希望在textbox2关注焦点之后关注textbox1。

$( "#TEXT_BOX1" ).autocomplete({
    source: availableTags,
      select: function ()
      {
           $("#TEXT_BOX2").focus();  
      }
});

<强> Demo

Answer 2

工作代码：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">

  <script>
  $(function() {

    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];

    $( "#TEXT_BOX1" ).autocomplete({
      // event ===  Autocomplete finished
      close: function(){
        $("#TEXT_BOX2").focus();
      },
      source: availableTags
    });
  });

  </script>
</head>
<body>

<div class="ui-widget">

  <label for="tags">TEXT_BOX1: </label>
  <input id="TEXT_BOX1">

  <br><br><br>

   <label for="tags">TEXT_BOX2: </label>
  <input id="TEXT_BOX2">
</div>


</body>
</html>

示例http://plnkr.co/edit/GgWFAckqbA1MaOeM1Dfy?p=preview

如何在使用Jquery AutoComplete填充文本框后设置焦点？

2 个答案: