Question

我有输入，当我写文字时，我想展示一些提示例如，一周中的几天我在JS中有一些数组

var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thusday", "Friday", "Saturday"];

我输入了

<input type="text" required="required" id="type" name="type"/>

当我开始在输入中写单词时，我想要查看数组中的提示。在Jquery中怎么可能？我理解如何在AngularJS中做，但我需要在Jquery

Answer 1

{
  loader: 'postcss-loader',
  options: {
    sourceMap: true,
    sourceComments: true,
    plugins: [
      require('postcss-import')({
        root: path.join(__dirname, './'),
        path: [ path.join(__dirname, './src/toolkit') ]
      }),
      require('postcss-at-rules-variables')({
        variables: makeAtRulesVariables(injectedCssVariables)
      }),
      require('postcss-mixins')(),
      require('postcss-each')(),
      require('postcss-cssnext')({
        features: {
          customProperties: {
            variables: injectedCssVariables
          }
        }
      }),
      require('postcss-modules-values'),
      require('postcss-reporter')({
        clearMessages: true
      })
    ]
  }
}

$(function() {
  var days = [
    "Sunday",
    "Monday",
    "Tuesday",
    "Wednesday",
    "Thusday",
    "Friday",
    "Saturday"
  ];
  $("#days").autocomplete({
    source: days
  });
});

有关详细信息，请查看：https://jqueryui.com/autocomplete/

Answer 2

我已经创建了jsfiddle演示来演示如何实现它。

链接：JSFiddle Demo

您可以使用以下代码执行此操作。

HTML代码：

var moment = require('moment')
let dateNow = moment().format('YYYY-MM-DDTHH:MM:SS')

jQuery代码：

<body>
  <div class="ui-widget">
    <label for="tags">Tags: </label>
    <input type="text" required="required" id="type" name="type" />
  </div>
</body>

这应该对你有帮助。

Answer 3

您应该使用input事件来检测输入并显示工具提示：

$('[type="text"]').input(function(event){
    //code to display tooltip
});

输入文字时的提示

3 个答案: