jq 用val()赋值，页面上input标签的value参数是不跟着变的，坑

最新推荐文章于 2021-05-26 11:48:38 发布
最新推荐文章于 2021-05-26 11:48:38 发布
阅读量1.7w 收藏 11
点赞数 9
分类专栏： jq开发的坑 文章标签： jquery val()赋值 html取不到input的值
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39507727/article/details/80721137
版权

今天用jq开发，遇到需求，保存整个页面的html，作为日后复原重现用，发现input框本来就有值，重新取出后全部变空了，后来发现是，input的value比较特殊，不管是用jq的val()往里赋值还是手写，标签的value值都不跟着变，导致取html时，保存不到这个值。

最终的解决办法是遍历页面上所有Input   用jq的$(this).attr("value",$(this).val()),改变了value。

注意：attr是改变自定义参数用的，但是只能用这个才能有效，用prop居然是无效的。。

風卍雲
关注
  • 9
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
Input输入框的value属性常见处理方式
qq_42707967的博客
03-12 3024
一. input输入框中value属性 通常，我们在做登录界面的时候，会有数入用户名和密码的输入框，而且我们为了用户的体验感会给数入框中设置默认的提示语，提示用户数入用户名和密码，当输入框聚焦时提示语消失，当输入框为空时提示语出现 聚焦效果如下： 1.1 使用placeholder属性实现（方式一） <!DOCTYPE html> <!--声明为html5文档 --> <html lang="zh-CN"> <head> <
jQuery对val和atrr(“value”)赋值的区别介绍
01-19
做项目的时候，我从后台传递过来的数据给一个文本框赋值，通过google浏览器， 当修改的时候发现没有修改，最后查了下原因，原来是jQuery中val和atrr(“value”,对浏览器的区别， 故总结如下： jquery中的val()和atrr(‘value’这两个的使用，假设有默认值的情况下，如果用val()赋值了，那么当修改这个值得时候，google不能获取最新的值，但是ie可以， 针对atrr(‘value’如果有默认值，那么当改变这个值得时候，ie和google都能获取最新的更改，目前就ie和google进行的测试，其他浏览器没有测试。哈哈
Vue input控件通过value绑定动态属性及修饰符的方法
01-21
对于单选按钮，勾选框及选择列表选项， v-model 绑定的 value 通常是静态字符串（对于勾选框是逻辑值）： <!-- 当选中时，`picked` 为字符串 a --> <input type=radio v-model=picked value=a> <!-- `toggle` 为 true 或 false --> <input type=checkbox v-model=toggle> <!-- 当选中时，`selected` 为字符串 abc --> <select v-model=selected> <option value=abc>AB
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
01-19
在自己做东西时，遇见了一个问题。就拿博客园的首页右边的搜索举例吧，用控制台操作。  　　 　　 　　现在我需要从另外一个地方将数据传给input,让其在一刷新的时候就显示数据。 　　这不难啊，于是我按照我的理解做了 　　代码如下： 　　 　　此时，id为zzk_q的值应该为  测试  ，即input框内应该显示 测试 。但结果。。 　　 　　咦，为什么没有变呢，不对啊，又来来回回变着法子试一下，还是不行，当然代码基本还是那样子的。突然想起我以前遇见过这样子的问题，仔细回想当时解决的方法（看样子当时没理解透，只是找到方法就过去了），想起来了，我试一下,代码如下： 　　看结果：
JQuery表单元素取值赋值方法总结
11-20
一、普通文本框的赋值与取值 1.1.1赋值 <h2>jQuery 表单元素取值与赋值方法总结</h2> <input type="text" class="test1"/> <input type="button" value="赋值" onclick="get()"/> <input type="text" class="test2"/> [removed] function get(){ var test1 = $("input.test1").val();
jquery获取input的value问题说明
01-19
后来终于在伟大的百度帮助下，找到了问题的原因： 代码如下: $(“”)是一个jquery对象，而不是一个dom element value是dom element的属性 jquery与之对应的是val val() :获得第一个匹配元素的当前值。 val(val):设置每一个匹配元素的值。 所以，代码应该这样写： 代码如下: 取值：val = $(“#id”)[0].value; 赋值： $(“#id”)[0].value = “new value”; 或者$(“#id”).val(“new value”); 或者这样也可以：val = $(“#id”).attr(“value”);
Jquery使用val方法读写value值
10-24
主要介绍了Jquery使用val方法读写value值,实例分析了jQuery中val方法获取value值与赋值操作的相关技巧,需要的朋友可以参考下
JavaScript input输入框可以获取到document.getElementById的Element元素但其中输入的value值却获取不到
青蛙king的博客
05-22 5515
input输入框可以获取到document.getElementById的Element元素但其中输入的value值却获取不到。 // html 中 <input type="text" name="InputContent" id="inputText" class="txt"> <input class="send btnStlye" type="button" value="发送" id="send"> // JavaScript 中 var inp = documen
jquery修改input的value成功，但是input显示没变
weixin_34129696的博客
08-17 9431
我的情况：在两处 事件监听分别使用了两种方式修改input的value：方式1、$('#xxxid').attr('value','存储的值1');方式2、$('#xxxid').val('存储的值2'); 当未曾使用方式2时，通过方式1修改时能准确修改value并显示。当使用过方式2修改value之后，通过方式1修改value时，在控制台能发现已经修改input的value，但是页面上显示的va...
jquery input取值为undefined？
孟秋与你的博客
11-05 2239
1.1. js 代码写在标签里面 2. 2. var 值要写在函数里面 因为可能页面加载时 该值为空 例如： <head> <script type="text/javascript"> function aaa(){ var departTime = $("#input框的id").val(); console.log(departTime...
vue element 使用 oninput 方法 v-model 失效，没有值
yujunhua93的博客
05-26 927
有一个el-input 里面要做个输入过滤，输入中文后再输入数字反而提示没有数据 之前是oninput=“value = value.indexof(XXXXXX)” v-model = ‘number’ 添加一项@blur ="number = Number($event.target.value)" 可以解决
Jquery中val()表单取值赋值的实例代码
12-04
jQuery提供了强大的val()方法来处理value相关操作。获得单个select的值和多选select的值。 代码如下:HTML 代码:<p></p><br><select id=”single”>  <option>Single</option>  <option>Single2</option></select><select id=”multiple” multiple=”multiple”>  <option selected=”selected”>Multiple</option>  <option>Multiple2</option>  <option selected=”s
jQuery对val和atrr("value")赋值的区别介绍
10-25
jQuery中val和atrr(value),对浏览器的区别，有默认值的情况下，如果用val()赋值了，那么当修改这个值得时候，google不能获取最新的值，但是ie可以
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
11-23
废话不多说了，直接给大家贴代码了，具体内容如下所示： // js [removed] function myBtn_f() { var cnt = $('#myCnt').val(); syncAjax('myAjax.html', { 'cnt' : cnt }, function(result) { if (100 == result.statusCode) { var data = result.lst; var $d = $('#myDiv'); alert("[" + data + "]"); for ( var i = 0; i <
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
01-19
在清空input file标签选中值时，分别用了以下方法，发现有的对有的错： 【√】$(“#file”)[0].value = “”; 【√】$(“#file”)[0].value = null; 【×】$(“#file”).attr(“value”,””); 【×】$(“#file”)....
Python课程设计 课设 手写数字识别卷积神经网络源码+文档说明.zip
04-24
高分设计源码，详情请查看资源内容中使用说明 高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明
SpringBoot2.0快速开发框架权限.rar
04-24
SpringBoot2.0快速开发框架权限.rarSpringBoot2.0快速开发框架权限.rarSpringBoot2.0快速开发框架权限.rar
大语言模型的微调和推理baichuan7B, chatglm2-6B, Qwen-7B-chat源码.zip
最新发布
04-24
详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；
基于Qt与STM32平台开发的汽车车机系统上位机
04-24
基于Qt开发的汽车车机系统上位机 & 常见类型汽车传感器信号模拟发生器 任务和要求： 任务： 根据发动机测控系统信号需求，设计一套发动机信号模拟器人机交互系统，能够根据需要向下位机输出控制信号，使其输出发动机测控系统需要的传感器模拟信号，给发动机测控系统的开发提供方便。 要求： 1.设计应包含上位机与下位机的交互程序及人机交互界面的设计，与下位机设计相结合，使其能够实现全部类型发动机传感器信号的模拟输出及显示。 2.设计中需要采用模块化开发程序。 3.所设计的人机交互界面简洁合理。 4.应考虑所设计系统的实用性。 具体工作内容: 1.根据设计目标，查阅相关设计标准和设计方法资料，对发动机信号模拟器设计中的关键工程原理和工程方法进行提炼，并围绕关键问题进行国内外设计现状调研，开展分析、评价与总结，确定主要研究内容，制定设计技术路线，制定设计计划(周进度)，撰写开题报告，并进行开题答辩，开题报告参考文献应不少于15篇(其中外文文献不少于 4 篇，近五年文献不少于三分之一)。 2.根据设计要求和技术指标，进行满足功能原理需求的多方案拟定，考虑安全、 标准等多因素进行技术性与经济性评价
onkeyup函数是什么情况下用的？input.value是给input标签赋值吗？有没有其他赋值方式呢？
07-16
onkeyup是一个事件处理函数，它在用户释放键盘上的按键时触发。在上述示例中，我们将它用于输入框，以便在用户输入时即时触发金额格式化函数。 是的，input.value用于给input标签赋值。它是HTML DOM中input元素的属性，用于获取或设置输入框的值。在上述示例中，我们使用input.value来设置格式化后的金额值，以便将其显示在输入框中。 除了使用input.value来赋值之外，您还可以使用其他方式来设置输入框的值。例如，您可以使用jQuery库的val()方法或原生JavaScript的setAttribute()方法来设置输入框的值。下面是使用jQuery的val()方法的示例： ```javascript $('#amountInput').val(formattedAmount); ``` 或者使用原生JavaScript的setAttribute()方法： ```javascript document.getElementById('amountInput').setAttribute('value', formattedAmount); ``` 这些方法都可以用来设置输入框的值，您可以根据自己的喜好和项目需求选择合适的方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值