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

来源：互联网 2023-03-16 19:17:13 版权归原作者所有，如有侵权，请联系我们

在写前端页面时，会遇到动态获取input输入的值的需求。今天给大家讲解下jquery如何动态获取input输入的值

工具/原料

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

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

在页面头部引入jquery插件

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

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

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

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

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

4该信息未经授权抓取自百度经验

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

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

贴一下代码：

!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>

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！