通过html()的方法获取文本内容, form表单组件显示的值与获取到的值不一致的问题

  我在通过 html()获取对应节点的内容,发现一个问题,获取到的 form表单组件的内容值是初始加载的值,而不是经过用户修改后的值。例如页面加载时组件<input type="text" value="111111"/>,用户更改表单的值为 222222,通过父节点的html()方法获取这个组件,预期应该是<input type="text" value="222222"/>,可结果却是初始时的样子<input type="text" value="111111"/>。

  经过调试,发现通过用户更改表单的值时,是不会更改对应表单节点的html值,而是更改了缓存在内存中的属性值(例如 properties),浏览器会把这个属性值显示出来,而不是value属性的值(如果是textarea则是.html()的值).所以这个问题之所以出现,是因为我们误以为浏览器显示所用的值是存储在 一开始要浏览器显示值所使用的属性(如果是textarea则是.html()的值)。

  如果想使通过html()的获取的内容与显示的一致,可使用如下的几个方法

//更改html的值的一些方法示例
 $(".box_content input[type=‘text‘]").each(function(index, element) {//input text 标签
          $(this).attr("value",$(this).val());
  });
  $(".box_content textarea").each(function(index, element) {//textarea 标签
          $(this).html($(this).val());
 });

然后执行 $(".box_content").html();

注:当form表单使用reset的方法时,其实就是把 一开始浏览器显示值所使用的存储位置(input[text] 是value,textarea是.html())的值 重新赋予 保存用户修改表单值的属性(即val()方法获得的值的存放位置)

时间: 2024-10-07 23:33:00

通过html()的方法获取文本内容, form表单组件显示的值与获取到的值不一致的问题的相关文章

java通过URL获取文本内容

原文地址https://www.cnblogs.com/myadmin/p/7634262.html public static String readFileByUrl(String urlStr) { String res=null; try { URL url = new URL(urlStr); HttpURLConnection conn = (HttpURLConnection)url.openConnection(); //设置超时间为3秒 conn.setConnectTimeo

Get Text关键字——用来获取文本内容

Get  Text关键字:用来获取文本内容: 接受一个参数 [ locator ],locator参数指的是定位界面元素的方式: ============================================================= 示例:打开百度首页,获取name=tj_trnews包含的文本内容: Open Browser    http://www.baidu.com    chrome ${text} Get  Text    name=tj_trnews     

django form表单组建使用及CBV模式

一.FBV和CBV FBV:是视图函数以函数的方式写逻辑代码 CBV:是视图以类的方式写逻辑代码 如CBV: views.py from django.shortcuts import render,HttpResponse,redirect from django.views import View from django.views.decorators.csrf import csrf_exempt,csrf_protect from django.utils.decorators imp

css form 表单组

2014年7月1日 15:31:17 第一次写css,见谅 css: 1 /*form*/ 2 /*default*/ 3 .form-box .form-group .form-label {text-align: right; width: 200px; height: 33px; line-height: 33px;} 4 .form-box .form-group .form-input {text-align: left; width: 200px; height: 33px; dis

获取文本内容

方法一: <td class="p-t-sm"> <a th:href="@{/home/footer/item/{footerNavId}(footerNavId=${footerNav.id})}" class="text-muted"><p th:text="${footerNav.name}">关于中小型企业服务平台</p></a> <input typ

flask后端 获取不到form表单post 的文件

原文地址http://docs.jinkan.org/docs/flask/patterns/fileuploads.html <form> 标签被标记有 enctype=multipart/form-data ,并且在里面包含一个 <input type=file> 标签. <!doctype html> <title>Upload new File</title> <h1>Upload new File</h1> &l

layui的form表单一行显示多个文本框

html结构 <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label">展示模板:</label> <div class="layui-input-inline"> <select id="ShowTemplate" nam

antDesign获取表单组件的值

getFormValue是在点击确定按钮获取表单值得事件函数,一旦执行就会执行里边的validate()回调函数 返回的数据中有error和value两种,如果存在error那就是其中某一个表单控件出了问题(比如有一个必须填的项没有填 获取到了value后将之return出去 在从父组件中获取就可以了,在父组件中使用this.form.getFormValue.then(data)来进行获取 getFormValue = async () => { const res = await this.

YII2.0 Activeform表单组件的使用方法

Activeform文本框:textInput();密码框:passwordInput();单选框:radio(),radioList();复选框:checkbox(),checkboxList();下拉框:dropDownList();隐藏域:hiddenInput();文本域:textarea(['rows'=>3]);文件上传:fileInput();提交按钮:submitButton();重置按钮:resetButtun(); <?php$form = ActiveForm::begi