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

2025-09-29 09:37:52

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

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

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

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

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

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

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

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

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

jquery如何动态获取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。
猜你喜欢