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

 时间:2024-10-16 04:58:01

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>

  • eclipse配置svn
  • Javascript怎么向map对象中添加内容
  • 微信小程序开发2.6、页面添加表单与样式-登陆
  • jquery实现点击按钮添加和移除class
  • 怎么在myeclipse里查看jar包的源代码
  • 热门搜索
    科普知识手抄报图片 国防手抄报 放飞中国梦手抄报 清明手抄报图片大全 交通手抄报图片大全 法律伴我行手抄报 小学生交通安全手抄报 电子手抄报模板 民族团结手抄报花边 中小学生守则手抄报