使用jQuery单击按钮时无法显示输入中的文本
问题描述：使用jQuery单击按钮时无法显示输入中的文本。
答案：在使用jQuery时，出现无法显示输入中的文本的情况通常有几种可能的原因。
- 代码错误：首先需要检查代码是否正确。可能存在语法错误、拼写错误或者逻辑错误导致按钮点击后无法显示文本。可以通过浏览器的开发者工具查看控制台输出，以便定位问题所在。
- 选择器问题：确认按钮的选择器是否正确。按钮的选择器应与jQuery选择器匹配，以确保能够正确地绑定点击事件。
- 事件绑定问题：检查按钮是否正确地绑定了点击事件。可以使用
console.log()在点击事件处理程序中添加调试输出，以确保点击事件被正确触发。 - 文本获取问题：如果点击按钮后要显示输入中的文本，需要获取输入框中的值并将其显示在某个元素中。可以使用jQuery的
val()方法或者JavaScript的value属性来获取输入框的值。
示例代码如下：
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/jquery"></script>
<script>
$(document).ready(function() {
$("#myButton").click(function() {
var inputText = $("#myInput").val();
$("#output").text(inputText);
});
});
</script>
</head>
<body>
<input type="text" id="myInput">
<button id="myButton">显示文本</button>
<div id="output"></div>
</body>
</html>在上面的示例代码中，当按钮被点击时，通过$("#myInput").val()获取输入框中的值，然后通过$("#output").text(inputText)将其显示在<div>元素中。
希望这个答案能够帮助你解决问题。如果你对云计算或其他相关领域有更多问题，欢迎继续提问。
相关·内容
我正在尝试编写一个简单的表单，它将获得一些文本，然后在单击submit按钮时显示在对话框中。 <!DOCTYPE html><head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
浏览 35提问于2019-01-26得票数 0
回答已采纳
4回答
因此，我试图在一个按钮点击生成两个标签和两个文本框。每次单击按钮时，它都会在屏幕上生成一组新的标签和文本框。这是布局在每次单击按钮时，都应该发生以下情况Label 1 Textbox 1 Label目前我只看到一行标签和文本框，它们可能在同一个地方被覆盖。
这是我<
浏览 9提问于2015-10-02得票数 0
@IBOutlet weak var AddCommentsButton: UIButton! super.awakeFromNib() self.AddCommentsButton.setTitle("Add Comments", for: UIControl.State.normal)
self.AddCommentsButton.
浏览 0提问于2020-05-11得票数 0
1回答
我正在使用Bootstrap popover。一切都运行得很好。我在弹出窗口上显示div。这是我的。现在如何替换title和contents？谢谢
编辑:我也不能点击Show details按钮。
浏览 0提问于2013-01-21得票数 1
回答已采纳
1回答
我正在编写一个计算器应用程序，我想要将按钮与其相关联的键盘键链接起来。当我单击键盘键时，它会填充文本框，但不会像我单击窗体按钮时那样保存值，并且操作键在不应该显示在文本框中时会显示在文本框中。下面是我的代码：
浏览 1提问于2020-11-16得票数 1
我在一个项目中使用了Jquery验证插件。有没有办法通过一个选项覆盖最初的“懒惰”行为？我在文档中找不到任何解决方案。示例：
如果查看此，您将注意到，用户可以在表单中导航，留下空文本框，当用户单击su
浏览 0提问于2009-06-01得票数 11
回答已采纳
2回答
我想用一个可以创建新输入文本字段的按钮和一个使用jquery的按钮来创建一个表单。然后，新生成的按钮出现问题，它无法调用jquery操作。 })<script src="https://ajax.googleapis.com/aj
浏览 2提问于2017-08-04得票数 0
回答已采纳
3回答
我在asp.net mvc视图上有一个文本区和两个按钮Save和Cancel。我想检查用户是否在文本区域中输入了某些内容，但没有单击保存，然后单击取消按钮。或者单击保存按钮，然后更改文本，更改后不单击保存，然后单击取消。在取消单击时，我想显示警报，但如何检查用户在使用jquery或javasc
浏览 2提问于2013-02-14得票数 0
回答已采纳
在我的活动中，有一个按钮和一个文本视图，我尝试的是当用户单击一个按钮时，键盘就会显示出来，不管用户在那里输入什么，文本都应该显示在文本视图中。我能够在单击按钮时显示键盘，但无法在文本视图中显示文本。我尝试了textview
浏览 6提问于2018-04-06得票数 0
回答已采纳
3回答
我想创建一个表单，允许文本转换为超链接。因此，当表单提交时，[a link]实际上变成了一个指向www.example.com的链接。
有什么想法吗？
浏览 0提问于2015-12-09得票数 0
我使用jquery验证插件进行表单验证。我看到了一些奇怪的取消功能。我有一个表单，一个电子邮件字段，一个提交按钮，和一个取消按钮。当我在“电子邮件”字段中键入一个不完整的地址时，然后在不单击页面上其他任何位置的情况下，单击“取消”，验证器将检查电子邮件字段，显示该字段旁边的无效消息，并终止“取消”操作。在此示例中，当我在文本输入
浏览 0提问于2013-02-25得票数 2
2回答
我有一个asp.net登录页面，其中有输入下asp:登录和在同一页面上的输入输出的asp:登录。当我单击asp:Login内部的提交按钮时，jquery验证器可以验证asp:Login内部的输入，即使焦点在asp:Login之外的其他输入中。但是，当我为其他输入单击submit按钮以验证<em
浏览 1提问于2015-06-16得票数 0
当我想要send_keys到一个只读的日期选择器时，我输入日期失败。下面是我尝试删除readonly first、clear和send_keys的。
浏览 4提问于2020-12-03得票数 0
2回答
我有一个这样的单选按钮列表；
<asp:RadioButtonList ID="RadioButtonFirm" runat="server" RepeatDirection="HorizontalbtnSearchFirm" runat="server" OnClientClick="Validate();" Text="search" OnClick="btnSearchFirm_Click" /
浏览 0提问于2012-03-16得票数 2
回答已采纳
如何在单击按钮时在文本框中显示加载微调器？假设我有一个用户名和密码文本框，以及一个登录按钮。一旦我输入用户名和密码并单击Login按钮，微调器应该会显示在文本框中。请帮帮忙。我正在寻找一个JQuery选项或Javascript。
浏览 2提问于2012-10-11得票数 11
我正在使用JQueryUI tooltip向用户显示一些动态消息。基本上，我想在用户单击按钮时在输入字段的顶部显示工具提示。我编写代码的方式只有在悬停在按钮上时才有效，而在JQueryUI示例中，没有任何帮助来实现这种情况。如何区别悬停效果并使其与按钮的单击事件一起工作？我如何才能做到这一点？为此，我使用了<e
浏览 17提问于2012-10-26得票数 16
回答已采纳
2回答
我有一个按钮，当点击显示一个表单。然后，用户必须单击表单才能开始键入。$(".form").show();.form {
display:n
浏览 0提问于2018-06-19得票数 0
回答已采纳
3回答
当用户单击Add按钮时，我正在使用jquery克隆表单输入字段，但是我有一个问题，如果我在表单输入字段中写入什么并单击Add按钮，那么jQuery也会将该文本复制到新的克隆输入元素中。您可以尝试一个演示：
点击add<em
浏览 11提问于2011-07-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
