存储输入框中的变量，并在p标记中显示值

Store variable from input box and display value in p tag

本文关键字：并在 显示 输入 变量 存储      更新时间：2023-09-26

我试图从文本输入框中获取一个值，然后将其显示在屏幕上。

我有这个JS块作用于以下HTML

$(".button").click(function(){
	var userName = $('#userNameInput').val();
	$('.userDisplay').html(userName);
});
<input type="text" id="userNameInput">
<input value="submit" class="button closepopup" type="button">
<p id="userDisplay">default</p>

目前程序不打印值，但它存储了它，因为我可以将值打印到控制台。

由于p有一个id，您必须使用#:

$(".button").click(function(){
    var userName = $('#userNameInput').val();
    $('#userDisplay').html(userName);
});

userDisplay是id而不是class，因此使用#而不是.

$(".button").click(function(){
    var userName = $('#userNameInput').val();
    $('#userDisplay').html(userName); // Changes here
});

您试图通过类名访问输出p标记，但它有一个ID。

您需要更改此选择器：

$('.userDisplay')

将：

$('#userDisplay')
相关文章：