问题：input text 输入值value不改变

最新推荐文章于 2025-02-10 09:59:03 发布
原创 最新推荐文章于 2025-02-10 09:59:03 发布 · 7.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

本文介绍了如何使用JavaScript和jQuery库来设置HTML页面中特定元素的值。通过示例代码展示了利用document.getElementById和$.attr方法为ID为'test1'的文本框设置值的过程。

做项目中遇到一个问题要把一个页面转换成代码整个存进库中。存进去取出来text框中没有值 

 js
document.getElementById('test1').setAttribute('value',"111111");
jquery：
 $("#test1").attr("value","1111111111");

 

HarmonyOS NEXT实战开发：文本输入 (TextInput/TextArea)
hanyanyou的博客
07-24 2077
TextInput、TextArea是输入框组件，通常用于响应用户的输入操作，比如评论区的输入、聊天框的输入、表格的输入等
HarmonyOS核心知识点：文本输入 (TextInput/TextArea)
wuliusan5的博客
03-19 926
设置无输入时的提示文本。TextInput({placeholder:‘我是提示文本’})TextInput({placeholder:'我是提示文本'})设置输入框当前的文本内容。TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})添加backgroundColor改变输入框的背景颜色。TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})更丰富的样式可以结合 通用属性 实现。
给类型为text的input设置value值却无法修改
anrudou0809的博客
08-27 1584
给类型为text的input设置value值后就无法修改了 我的页面显示为如下但是退格却无法改变他的值 原来是缺少onChange事件，没法监听value的改变 所以需要添加 onChange={this.handleChange.bind(this)} HandleChange 函数这么写 handleChange(e){ this.s...
input文本框的value属性在页面中不随输入的数据而变化
weixin_34228617的博客
11-01 3725
今天，在做试验遇到这么一个需求: 　　一个input文本框，输入值后将标签传到后台，在后台解析标签，发现value仍然是初值，不是我们改变后的值。 　　 例如: <input name="" type="text" value="SS">   当为们改变文本框的值的时候,其value属性值仍然是SS        解决办法:在失去焦点的时候删除此inpu...
jq 用val()赋值，页面上input标签的value参数是不跟着变的，坑
风云的博客
06-17 1万+
今天用jq开发，遇到需求，保存整个页面的html，作为日后复原重现用，发现input框本来就有值，重新取出后全部变空了，后来发现是，input的value比较特殊，不管是用jq的val()往里赋值还是手写，标签的value值都不跟着变，导致取html时，保存不到这个值。最终的解决办法是遍历页面上所有Input   用jq的$(this).attr("value",$(this).val()),改变...
修改input的text 通过jquery的html获取值 未变化最简单的方法
沐雪架构师
08-31 1198
问题：用jquery给控件赋值之后，再用$('#id').html()取不到值。 一般我们都用 $("#id").val("NewValue");但再取html()就取不到值。 解决方法如下：用attr就可以了。 $("#add_tag_name").attr("value", old_tag_name); 原因：DOM在这html渲染的时候value这个attribute仅仅是代表input的初始值。 后面，如果需要拿到新的html带最新value的需要用js手动的设置attribute..
antd项目中input框的value值不能被修改，form.setFieldsValue 来动态改变表单值
qq_54455551的博客
03-31 6798
form.setFieldsValue来动态改变表单值，项目开发中input框输入的值无法动态修改
改变隐藏的input中value的值代码
09-04
总的来说，改变隐藏`input`的`value`值是前端开发中的常见操作，可以用来存储和传递后台数据，或者在用户交互过程中更新状态。理解并熟练运用这些方法对于进行高效且可靠的前端编程至关重要。记住，无论使用`attr()`...
vue监听input标签的value值方法
10-18
在本例中，我们将探讨如何在Vue中监听`input`标签的`value`值，以便实现实时搜索或其他需要根据用户输入触发的功能。 首先，我们要创建一个`input`元素，并在Vue实例中绑定事件监听器。在示例代码中，我们使用了`@...
把input初始值不写value的具体实现方法
09-05
在网页设计中，有时我们需要将`input`元素的初始值显示出来，但又不希望这个初始值被作为`value`属性写入HTML。这通常是为了避免某些特定的业务需求，例如防止用户在不清空输入框时提交初始值，或者为了实现更复杂的...
c__winform实现网页上用户自动登陆,模拟网站登录
03-08
c__winform实现网页上用户自动登陆,模拟网站登录
js中拼接input在页面中不随输入的数据而变化的解决办法
qq3892997的博客
12-17 902
原文地址（原文还有一种复杂解决办法）：input文本框的value属性在页面中不随输入的数据而变化 - QiaoZhi - 博客园 页面中input修改后浏览器按F12时html还是显示原来的值： 解决办法： <input type="number" name="count" oninput="if(this.value>10) value=10" value ="10" onchange="tempSaveInput(this)"> function tempSave
使用DOM修改input元素的value属性值，为啥在HTML结构上没有变化？
m0_48600544的博客
07-10 1605
但是为啥HTML结构中的value没有显示“请输入用户名”，可能的原因是: 使用DOM去修改网页文档时，其中对value的修改是存在DOM内存中的，并不显示出来，但是value的值的确是以及发生改变，但这种改变是体现在网页效果中的，不能单纯通过网页的HTML结构来判断，这可能就是DOM的一种工作模式。另外，使用DOM来修改input元素的value属性也是一种便捷修改方式，标准的方式其实就是使用setAttribute方法去设置，这个可以直接看到HTML代码发生改变。但是value值依旧没有变化。
ReactJS学习笔记七：表单
热门推荐
言川的博客
07-02 3万+
表单是前端非常重要的一块内容，并且往往包含了错误校验等逻辑。 React对表单元素做了专门的优化处理，他对表单元素做了一些抽象，使得他们的使用方式更统一更规范。约束性和非约束性组件表单里面出来了一个新的概念叫“约束性组件”。那么如何理解约束性组件和非约束性组件呢。约束性组件，简单的说，就是由React管理了它的value，而非约束性组件的value就是原生的DOM管理的。 他们的写法上也有很大区
JQ修改input的value,页面显示信息没改变解决办法
coloma2012的博客
02-10 527
方式1、$('#xxxid').attr('value','存储的值1');系统用了$('#xxxid').val()取值，也会出现这个情况。当未曾使用方式2时，通过方式1修改时能准确修改value并显示。当使用过方式2修改value之后，通过方式1修改value时，方式2、$('#xxxid').val('存储的值2');在控制台能发现已经修改input的value，建议通用改为JS来修改input的value。但是页面上显示的value没有改变。
input获取值时，页面数据value并未改为键入值，导致校验时数据不一致问题处理
HY845638534的博客
09-04 1120
由于部分原因，系统现需要将数据进行动态处理，问题较为复杂。稍后先捋清楚背景，做此记录。 页面与数据去匹配发现值是不一致的。先不考虑问题怎么产生的。解决方法是： $(obj).attr("value",$(obj).val()); ...
JavaScript input输入数值(value)无效的原因和解决办法
l198738655的博客
06-29 2万+
会碰到这个问题一般是想×别人的网页导致的，一般来说想控制别人写的网页(或者维护一份别人的网页代码)碰到需要用JS给input或者select之类的组件赋值的时候一般会直接这样写： 　　let casess=document.getElementsByClassName('xxxxx')[0]; 　　casess.value='50'; 赋值后点击有时候会报错有时候不会，一般报错的情况基本上属于这份代码用了某些前端框架，例如Vue之类的，Vue的input弄个双向绑定啥的，此时我...
input:text 的value 和 attribute('value') 不是一回事
anlei2455的博客
06-07 286
如题，input:text 当手工输入字符改变其值时，两者就不一样了。 要获得手工输入，不要用attribute('value')，直接使用value： function getbyid(id){ return document.getElementById(id); } window.onload = function(){ ...
v-on:input改变input 的value
最新发布
08-26
在 Vue.js 中，使用 `v-on:input` 事件可以监听 `<input>` 元素的输入变化，并通过 `$event` 对象获取最新的输入值，从而更新绑定的数据属性。这种方式可以实现对输入值的动态修改，同时保持数据与视图的同步。 例如，可以使用 `v-on:input` 来更新 `data` 中的值，并通过 `v-bind:value` 来绑定该值到 `<input>` 元素的 `value` 属性上，从而实现手动控制输入框的值。这种方式模拟了 `v-model` 的行为，但提供了更多的控制灵活性。 ### 示例代码 下面是一个完整的示例，展示了如何在 Vue.js 中使用 `v-on:input` 来修改 `<input>` 元素的 `value` 属性： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue v-on:input 示例</title> <script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script> </head> <body> <div id="app"> <input type="text" v-bind:value="inputValue" v-on:input="updateValue" > <p>当前输入值: {{ inputValue }}</p> </div> <script> new Vue({ el: '#app', data: { inputValue: '初始值' }, methods: { updateValue(event) { this.inputValue = event.target.value; } } }); </script> </body> </html> ``` ### 实现说明 - **数据绑定**：`v-bind:value="inputValue"` 将 `<input>` 元素的 `value` 属性绑定到 `data` 中的 `inputValue`。 - **事件监听**：`v-on:input="updateValue"` 监听 `<input>` 元素的 `input` 事件，当输入内容发生变化时触发 `updateValue` 方法。 - **方法处理**：在 `updateValue` 方法中，通过 `event.target.value` 获取到最新的输入值，并将其赋值给 `inputValue`，从而更新数据和视图。 ### 注意事项 - 通过 `v-on:input` 修改 `value` 属性时，需要确保 `inputValue` 的值是响应式的，这样 Vue 才能自动更新视图。 - 如果需要对输入值进行格式化或校验，可以在 `updateValue` 方法中添加逻辑，例如过滤非法字符或限制输入长度。 这种方式不仅实现了对 `<input>` 元素 `value` 属性的动态修改，还保持了 Vue 的响应式特性，适用于需要更精细控制输入行为的场景[^2]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值