javascript - 单击按钮时显示文本输入值

标签 javascript jquery function

<分区>

我是 JavaScript 的新手。这是我的 html 页面。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<header>
   <h1>This is my site!</h1>
</header>
<section>
  <h2>My site content</h2>
  <input type="text" id="name">
  <button id="addName">Submit</button>
  <hr>
  <p>name</p>
</section>
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script>
    var myName = $("#name").val();

    $("#addName").click(showName(myName));

    function showName(value) {
        $("p").html(value);
    };


</script>
</body>
</html>    

我想在文本字段中输入内容并单击提交按钮以更改 <p> 中的文本.但它不按我想要的方式工作。我做错了什么?

抱歉我的英语不好。

最佳答案

在您的设置中,myName 仅被评估一次(空字符串)。每次执行addName点击 Action 都需要抓取值:

$("#addName").click( function(event) {
    showName($("#name").val());
});

function showName(value) {
    $("p").html(value);
};

关于javascript - 单击按钮时显示文本输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27748684/

相关文章:

javascript - 将函数参数中的对象传递给 jquery 中的克隆

javascript - 如何在javascript中获取对象的名称?

javascript - 按钮应该在值设置为 true 时显示,但事实并非如此

javascript - 阻止数组被覆盖或多次调用

javascript - 当元素经过特定位置时更改 CSS 属性

javascript - 这个函数与按钮循环的原因是什么?

javascript - 尝试使用变量减少 javascript 的重复

javascript - 检查网站的内容更改

javascript - IE 中是否有针对 Firefox __proto__ 的相应内容?

javascript - 如何使视频控件显示在 Firefox 中?