javascript - 如何从输入字段的文本中获取子字符串并将其显示到另一个 html 元素

标签 javascript jquery

var str1=$("#account-number").val().substring(0,4);
$("#first-four").html(str1);

我尝试了多种变体,并且尝试了几个小时......所以我想我应该寻求帮助......

我希望能够获取 id 为“account-number”的输入字段的前四个字符并将其发送到 id 为“first-four”的 div

最佳答案

需要注意的是变化输入。第一个仅在输入失去焦点时触发。

$("#account-number").on("input", function(){
  $("#first-four").text(this.value.substring(0,4));
});
<input id="account-number" type="text" />
<div id="first-four"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

关于javascript - 如何从输入字段的文本中获取子字符串并将其显示到另一个 html 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39279512/

相关文章:

jquery - Struts2 Jquery 构造

javascript - 为什么我的 JavaScript 回调不能用于异步结果?

javascript - AngularJS 不编译 html

c# - ASP :CreateUserWizard Redirecting After Complete

javascript - 如果数据参数包含-(连字符)符号如何处理?

javascript - 我缺少什么逻辑?

javascript - 原生 Android 浏览器上的链接问题

javascript - 用 var 重新声明对象

javascript - 使用 jquery 和 servlet 检查数据库中的现有用户

javascript - 暂停动画 2 秒,然后在 jQuery 中自动恢复它(不是在鼠标悬停或鼠标移出时)?