jquery如何动态获取input输入的值

2025-03-22 09:27:28

1、在编辑器内新建一个stduy.html，用来学习今天的内容

2、在页面头部引入jquery插件

3、在body标签内写入一个input输入框和div标签

4、在script标签内，动态获取input框输入的值，然后将获取到的值，赋值给div

5、在浏览器里打开stduy.html，发现input框下方会动态显示input里输入的值

6、贴一下代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>jquery如何动态获取input输入的值</title> <script src="jquery.min.js"></script> </head> <body> <input placeholder="请输入文字" type="text" class="text"/> <div class="word"></div> </body> <script> $(".text").bind('input propertychange', function(){ var text = $(this).val() $(".word").text(text) }) </script></html>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。