input的value值在页面上被改变，但是查看器代码中值不改变

最新推荐文章于 2023-07-05 09:45:15 发布
最新推荐文章于 2023-07-05 09:45:15 发布
阅读量6.9k 收藏 2
点赞数 3
分类专栏： JavaScript 文章标签： attr
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/h1069495874/article/details/71741949
版权

这里写图片描述

这里写图片描述

这里需要用attr()写入，而不使用val()方法;另外如果想动态改值一定不要用disabled=”disabled”，用readonly=”true” 代替

这里写图片描述

引用块内容

阁下长得好生俊俏
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IDEA Debug模式下改变各类型变量值的方法
08-27
主要介绍了IDEA Debug模式下改变各类型变量值的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
AntdesignVue数字输入框更改值回跳原来的值
qq_38948398的博客
09-03 2069
AntdesignVue数字输入框 项目中遇到反绑数据的时候，对数字输入框进行值的更改，发现数字输入框可以写值，但是写完后，数值会跳回原来的值，无法进行双向绑定进行数据的更改，看了半天没找到问题所在，后来我将赋值操作进行了修改就解决了， 使用Vue官方指定的方式this.$set进行新字段赋值并且回显，这样就不会造成对数字输入框操作后无法进行修改， 而我原来的操作是接口获取到数据后，对接口数据进行处理，然后对前端声明变量对象进行复制，类似于 Info.num = res.data.data;
vue自定义指令——input输入类型限制（数字、浮点、整数、英文等），解决中文输入法双向绑定失效问题
coldriversnow的专栏
07-05 4011
实现一个vue自定义指令——输入框（input,el-input）输入内容类型限制，解决中文输入法双向绑定失效问题，多种类型支持，数字类型，浮点类型、英文类型、整数类型、四则运算等一、基本步骤以element,el-input组件为例：1.在自定义指钩子函数bind或inserted通过querySelector找到输入框（input标签）dom对象2.监听input的onkeyup事件，获取输入值，校验并替换输入值，限制输入类型，重新给输入框设值。
解决JS修改input的value值但提交表单不生效问题
cnwjl的博客
05-20 7389
会碰到这个问题一般是想×别人的网页导致的，一般来说想控制别人写的网页(或者维护一份别人的网页代码)碰到需要用JS给input或者select之类的组件赋值的时候一般会直接这样写： let casess=document.getElementsByClassName(‘xxxxx’)[0]; 　　casess.value=‘50’; [].forEach.call(document.getElementsByTagName(“input”), function (inputbox) { if (inputbo
input 的value属性值，页面显示与html结构中不一致的问题
热门推荐
xjun0812的博客
12-19 1万+
input 的value属性值，页面显示与html结构中不一致。
.NET开发，修改信息时文本框值改变但后台获取的值还是原值BUG
BraveShadows
01-09 1674
初学.NET，在做一个增删查改的DEMO 修改页页面代码 ID: 姓名: 年龄: 电话: 个人简介: 做修改操作时，原内容填充文本框代码 private void bind() {
iview渲染的table页面更改input输入框的值，获取输入的值
dianlupeng4187的博客
09-10 1835
{ title:'备注', key:'', align:'center', width:130, render:(h,params)=>{ returnh('Input',{ props:{ ...
iview table input 动态改变数据的卡顿问题
weixin_45849330的博客
08-18 1121
1、title模板，change，blur事件 { title: '原价', key: 'old_price', align: 'center', render: (h, params) => { return h( 'i-Input', { props: { value: params.row.old_price }, on: { 'on-change': (e)
jquery修改input的value成功，但是input显示没变
weixin_34129696的博客
08-17 9448
我的情况：在两处 事件监听分别使用了两种方式修改input的value：方式1、$('#xxxid').attr('value','存储的值1');方式2、$('#xxxid').val('存储的值2'); 当未曾使用方式2时，通过方式1修改时能准确修改value并显示。当使用过方式2修改value之后，通过方式1修改value时，在控制台能发现已经修改input的value，但是页面上显示的va...
易语言图片查看器
07-16
易语言图片查看器源码,图片查看器,执行鼠标改变窗口大小线程,鼠标指针改变线程,释放鼠标_,发送消息_,俘获鼠标_
VB 反编译工具（EXE文件查看器）源代码
05-03
内容索引:VB源码,文件操作,反编译　VB 反编译工具，不要被吓着了，这可不是真正的反编译哦，要是的话程序员们可惨了，它实质上是一个EXE文件查看器，可以把VB编译后生成的EXE文件结构分析出来，包括窗体、模板、类、...
vscode设置Fira_Code字体及改变编辑器字体、背景颜色的代码详解
12-17
这里给出github下载链接，点击链接后在README.md中的Download & Install一栏中即可下载，链接中也包括字体示例及介绍，可自行查看。 Fira_Code字体下载 2，安装字体 下载并解压，进入里面的ttf文件夹，双击或右击后...
dll文件查看器64位 win10,win11系统可用
05-13
DLL 也可以被不同的编程语言调用，例如：可以使用 VB 调用 C 语言生成的 DLL 文件。确切的说是调用 DLL中的API函数。只要使用正确的调用格式，就可以直接调用不同语言写成的 DLL 中的函数。Dependency Walker 是...
JS、JQ判断变量是否为数组的方法(Array)
小牛牛的博客
05-18 7580
JavaScript判断变量是否为数组的方法(Array)（1）typeof不能判断变量是否为数组(Array)var ary = [1,23,4]; console.log(typeof ary); //输出结果是Object（2）instanceof 判断var ary = [1,23,4]; console.log(ary instanceof Array)//true;（3）原型链方法判断v
JavaScript、JQuery深拷贝、浅拷贝
小牛牛的博客
05-17 3442
没有拷贝的情况var obj = { a:10 }; var obj2 = obj; obj2.a = 20; alert(obj.a); ==> 20 //赋值操作会直接修改obj.a的值JavaScript的深拷贝和浅拷贝一、 JavaScript的浅拷贝var obj = { a:10 } function copy(obj){ var newObj = {};
js禁用浏览器后退功能、自动刷新页面
小牛牛的博客
07-13 1886
禁用浏览器后退功能history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); });js自动刷新页面window.location.reload();
jquery插件开发
小牛牛的博客
01-19 673
/****************************************************\ * jQuery的插件开发机制分为两种：类级别的插件开发、对象级别的插件开发 * * 类级别的插件开发：添加新的全局函数;使用$.extend(obj);使用命名空间; * 添加全局函数：jQuery.plugin = function(){} * 使用$.e...
JS内置对象、函数内置对象、宿主对象
小牛牛的博客
05-16 569
一、JS内置对象： Data、Math、Array、String、Number、Boolean、RegExp（1）Data 属性: constructor 所建立对象的函数参考 prototype 能够为对象加入的属性和方法方法: getDay() 返回一周中的第几天(0-6) getYear() 返回年份.2000年以前为2位,2000(
不使用v-model如何 在el-input 上查看内容
最新发布
08-07
### 回答1： 您可以使用ref属性来获取el-input组件的实例，然后使用$refs访问该实例的value属性来获取输入的内容。例如，如果您给el-input设置了ref="myInput"，则可以使用this.$refs.myInput.value来获取输入的内容。 ### 回答2： 在不使用v-model的情况下，在el-input上查看内容可以通过设置ref属性以及监听input事件来实现。 首先，在el-input上设置ref属性，例如ref="myInput"。 ``` <el-input ref="myInput"></el-input> ``` 然后，在Vue的methods中定义一个方法，用于监听input事件，并获取输入的内容。在该方法中，通过this.$refs.myInput.$refs.input.value来访问el-input的输入框，并获取其中的值。 ``` methods: { handleInput() { const inputValue = this.$refs.myInput.$refs.input.value; console.log(inputValue); } } ``` 最后，在el-input上绑定input事件，并调用上面定义的方法。 ``` <el-input ref="myInput" @input="handleInput"></el-input> ``` 这样，当在el-input中输入内容时，会触发input事件，调用handleInput方法，从而可以在控制台上打印出输入的内容。 ### 回答3： 要在不使用v-model的情况下，在el-input上查看内容，可以通过使用ref属性和$refs对象来获取input组件的实例，然后通过实例的value属性来读取输入框的内容。 首先，在el-input上添加ref属性，例如ref="inputRef"。 然后，在页面的methods选项中添加一个方法，用于获取输入框的内容。方法中通过$refs对象来访问input组件的实例，然后通过实例的value属性来获取输入框的内容。代码如下所示： ```javascript methods: { getContent() { const content = this.$refs.inputRef.value; console.log(content); } } ``` 最后，在el-input上添加一个点击事件，调用上面定义的方法，例如@click="getContent"。 这样，当点击el-input时，就会调用getContent方法来获取输入框的内容，并在控制台中打印出来。 需要注意的是，通过$refs对象获取到的是真实DOM节点，因此可以直接访问input的value属性来获取输入框的内容。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值