输入框的值在单击按钮时显示为空白 [英] Input box value is showing blank on button click

问题描述

我正在尝试弹出输入框值，但显示空白值.为什么? 这是 jsfiddle .

I am trying to pop out input box value but it is showing a blank value. why? Here is the jsfiddle.

$(document).ready(function() {

  var name = $("#name").val();
  $('#showName').click(function() {
    alert(name);
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="name" placeholder="First Name">
   
<button type="button" id="showName">Show name</button>

推荐答案

在document.ready()中初始化var name时，name变量在页面加载时给出输入值，因此name的值等于零(空字符串).因此，您必须更改单击按钮时读取输入值的代码.

when you initialize var name in document.ready(), the name variable give a value of input at load of page, so value of name equals to nothing (empty string). so you must change your code that your input value read when button is clicked.

$(document).ready(function() {
    $('#showName').click(function() {
        var name = $("#name").val();
        alert(name);
    });
});

这篇关于输入框的值在单击按钮时显示为空白的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！