时间戳

首页 > 解决方案 > 在 alert() 中显示的 HTML 输入

javascript - 在 alert() 中显示的 HTML 输入

问题描述

晚上所有，

我从 JQuery/Javascript 开始，在接受输入并使内容显示在alert().

这是我到目前为止所写的——

$(function(){
var input = $('#input').val();

    alert(input);
});

HTML信息是

<input id="input" type="text" placeholder="Input here">

如果有人能说明我穿错了，那将不胜感激

标签： javascriptjqueryhtml

解决方案

问题是您的代码将在您加载页面时运行，您需要将您的代码绑定到诸如按钮或 a 之类的东西change，keyup或其他东西。

像这样

$(function() {
  $("#input").change(function() {
    var input = $('#input').val();

    console.log(input);
  })
});

演示更改事件

$(function() {
  $("#input").change(function() {
    var input = $('#input').val();

    console.log(input);
  })
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input" type="text" placeholder="Input here">

演示 keyup 事件

$(function() {
  $("#input").keyup(function() {
    var input = $('#input').val();

    console.log(input);
  })
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input" type="text" placeholder="Input here">

看看这个页面解释 jquery事件

推荐阅读