小编Sub*_*ari的帖子

如何向我的自定义构建自动完成添加预览文本？

我正在尝试使用 Jquery 和 bootstrap 4 制作我自己的自定义输入自动完成 API。我想在选择时显示输入字段中列表项文本的预览。我能够通过更改值来做到这一点。然而这不是我想要的。

我的自动完成

我想要的是

我想预览输入中的文本。我怎样才能做到这一点？我知道有几个 API 可以做到这些。但我想自己做。有没有办法在输入或任何方法中显示预览？我尝试在输入中保留一个标签，然后更改其值。但是标签没有正确对齐。

我在下面的代码段中保留了我的代码的粗略版本。

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
  <!-- jQuery library -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

  <!-- Popper JS -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script>

  <!-- Latest compiled JavaScript -->
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
  <style>
    .list-group {
      margin-top: 10px;
      position: fixed;
      border-radius: 2px;
      max-height: 200px;
      background: rgb(255, 255, 255);
      overflow-y: auto;
      overflow-x: hidden;
      border: 1px solid rgb(238, 238, 238);
      box-shadow: 0px 10px 10px 2px #cbc8c8;

      padding: 4px 2px; …

Run Code Online (Sandbox Code Playgroud)

html javascript css jquery twitter-bootstrap

Sub*_*ari

lucky-day

8
推荐指数

1
解决办法

429
查看次数

使用 functionName() 分配变量值和仅使用 functionName 有什么区别？

const heightOutput = document.querySelector('#height');
const widthOutput = document.querySelector('#width');

function reportWindowSize() {
  heightOutput.textContent = window.innerHeight;
  widthOutput.textContent = window.innerWidth;
}

window.onresize = reportWindowSize;

Run Code Online (Sandbox Code Playgroud)

为什么不 window.onresize = reportWindowSize() 呢？这是函数调用，我想触发它。但是当我添加 () 时它不起作用。

javascript debounce

Sha*_*har

2020 06-27

6
推荐指数

1
解决办法

53
查看次数

在 Javascript 中，简单的计算器，不起作用

我试图通过 prompt() 和动作名称获取数字。但结果并不如预期

我是编程新手.. 代码：

function add(n1, n2){   return n1 + n2;}

function sub(n1, n2){   return n1 - n2;}

function mult(n1, n2){  return n1 * n2;}

function div(n1, n2){   return n1/n2;}


function calculator(n1, n2, action){

    alert(action(n1, n2));
}

calculator(prompt("first no,"), prompt("second No"), prompt("calc"));

Run Code Online (Sandbox Code Playgroud)

javascript prompt function

AJM*_*EEM

2020 06-27

1
推荐指数

1
解决办法

96
查看次数