js给input赋值无效的问题

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

#java #jsp #js

本文分享了一位新手在前端开发中遇到的表单赋值难题，详细讲述了由于未给input元素设置id属性导致的赋值失败问题，并提供了正确的解决方案。

新手出道，纠结了很久。

$("#identifyType").attr("value", identifyType);

在网上看到采用上述方法赋值，结果仍然无效。

查了半天，原来是我没有给 identifyType 这个input写 id 属性，没有id属性无法赋值！(也可能是因为我是用的表单，然后直接序列化到类里面去才需要如此)

js实现input的赋值，val()方法无法赋值问题
马句
08-16 3万+
input框赋值 如下所示，是一个文本框的html代码，实际开发中，要涉及到将数据库中的数据取出然后放入input框中。 <input id="name1" name="teacherName" type="text" />​​​​​​​ 通过以下js代码可以实现对input文本框进行赋值，以下方法分别针对不同的情况，但是前两种是通用的 $('#name1').v...
【原创】【近期使用C#WinFrom内镶CEF实现爬虫功能时遇见input赋值无效的坑】
NA_navy的博客
12-25 1197
C#使用CefSharp制作爬虫修改input无效的爬坑经历
js input 赋值失效
野生码农
10-04 5433
//这段代码，有时候赋值失效，是什么原因？ $("#name_input").attr("value", dataObj.name); 使用这个方法 $("＃id").val("xxx") attr只改变属性，不改变显式value。改变属性之后，还需要setAttr才能使得生效。 TODO 1，如果直接调用setAttr呢？ 2，setAttribute，提示不是函数？ ...
为什么你的属性赋值无效？深入剖析C# 3自动属性支持字段初始化时机
最新发布
InitPulse的博客
11-18 312
解决属性赋值无效问题，深入解析C# 3自动属性支持字段的初始化时机。涵盖构造函数与自动属性的执行顺序，揭示字段初始化逻辑，避免常见陷阱。掌握正确用法提升代码可靠性，值得收藏。
JavaScript input输入数值(value)无效的原因和解决办法
热门推荐
l198738655的博客
06-29 2万+
会碰到这个问题一般是想×别人的网页导致的，一般来说想控制别人写的网页(或者维护一份别人的网页代码)碰到需要用JS给input或者select之类的组件赋值的时候一般会直接这样写： 　　let casess=document.getElementsByClassName('xxxxx')[0]; 　　casess.value='50'; 赋值后点击有时候会报错有时候不会，一般报错的情况基本上属于这份代码用了某些前端框架，例如Vue之类的，Vue的input弄个双向绑定啥的，此时我...
Js(四)：input文本框 innerHtml 或 innerText 赋值不生效问题
weixin_41297324的博客
08-11 9887
上周的任务项目中有一个小需求，在后端接收到数据后需要将进行可视化显示后，需要对显示的数据进行一个人性化的操作：点击句子自动跳转。本想着这个需求分分钟可以搞定，然而还是踩了一会的坑。 如点击“标注例句1”后，自动进行关闭当前模态框，然后将参数数据传递至如下的文本框。 前端HTML： <div class="row"> <div class="col-xs-12"> <input type="text" placeho
input file的默认value清空与赋值方法
12-07
对于给`<input type="file">`元素赋予初始值，一种方法是在页面加载时，通过JavaScript设置其`value`属性。然而，由于安全原因，直接设置`value`属性对`<input type="file">`无效。另一种方法是利用`<iframe>`来预...
JS针对动态增加表格的INPUT取值、赋值与传参的研究
weixin_41760494的博客
02-28 2011
JS针对动态增加表格的INPUT取值、赋值与传参的研究第一部分，知识点总结：innerhtmlinsertROWclonepush();alert();document.write();fous();H5的dataformAttribute('');AJAX的data:$('#form1').serialize()JQUERY的var form = $("form[name=gagForm]");深拷贝与浅拷贝第二部分，数组的拆分、赋值与传参 第一部分，知识点总结： 上一节我们回顾了用innerHTML()
一段批量给页面上的控件赋值js
12-02
这段代码是用于批量给网页上的一系列控件赋值的JavaScript函数，名为`SetFormValue`。它接受两个参数：`column` 和 `values`。`column` 是一个数组，包含要赋值的控件ID；`values` 是一个对象，通常可能是从服务器端...
关于layer.open弹出框input文本框 innerHtml 或 innerText 赋值不生效
u012835679的专栏
08-21 1384
问题： 在写一个js小效果时，要给input文本框赋值，但赋值后却不生效，input框里面不管怎么赋值都是空白的。 num.innerText = "1 18 7 11 18 20 23"; 打开控制台看到input标签里面的值是以及变动了的 解决方案： 突然意识到input的赋值是不一样的，input赋值是用value赋值的，和其他标签赋值搞混了。 所以只要将innerText 换成innerHtml 就行了 num.value = "1 18 7 11 18 20 23";
uniapp中uview组件中u-input格式化后赋值踩坑
weixin_45392774的博客
07-31 983
摘要：在使用uniapp开发安卓App时，u-input组件输入超过5位小数需保留5位的问题。研究发现，直接通过v-model双向绑定无法实现小数位保留，需借助$nextTick延迟处理。原因在于v-model的数据视图更新是异步的，而u-input组件内部存在额外状态维护逻辑，同步修改会被覆盖。通过$nextTick等待组件完成内部处理后更新数据，才能确保格式化生效。这表明双向绑定不等于同步更新，在复杂组件中需考虑异步更新机制。
页面输入框Input无法直接通过JS赋值方法
longdrake的专栏
04-14 817
页面输入框Input无法直接通过JS赋值方法
jquery向input赋值有时会失效是什么原因
qq_27608711的博客
11-08 820
有时我们需要隐藏div input表单值,再通过jquery动态赋值出现失效的问题。document.getElementById("input").value="值";//下面这种写法不推荐，会失效，特别是他的父元素是dosplay:none时。$("#name").attr("value","值");//当父元素隐藏时，推荐使用attr写法赋值。$("#name").val("值");
input文本框 innerHtml 或 innerText 赋值不生效问题
Jackie Huang
12-29 8955
问题： 在写一个js小效果时，要给input文本框赋值，但赋值后却不生效，input框里面不管怎么赋值都是空白的。 num.innerText = "1 18 7 11 18 20 23"; 打开控制台看到input标签里面的值是以及变动了的 解决方案： 突然意识到input的赋值是不一样的，input赋值是用value赋值的，和其他标签赋值搞混了。 所以只要将innerTe...
vue用v-model绑定的input，直接在js里.value赋值无效
weixin_65635437的博客
07-11 1625
vue用v-model绑定的input，直接在js里.value赋值无效
关于有时候JQuery使用.val()赋值失败问题
weixin_30652879的博客
04-23 3074
jQuery中有3个获取元素value值的函数比较相似：attr(), prop(), val()； 具体作用网上比较多就不展示对比过程了，结果就是：prop()和val()都能获取到文本框的实际value值，而attr()获取的则始终为文档结构中的value的属性值，与文本框实际值无关，并不会变化； 所以在页面input的输入框的值如果是初始化的时候赋值的，这时候使用.val()是无法赋值的...
“vue用v-model绑定的input，直接在js里.value赋值无效” 的解决方法
HITerGY的踩坑日记
03-08 4657
解决办法： 需要在.value赋值后，手动触发input事件 dom元素.value = “admin” dom元素.dispatchEvent(new Event(‘input’)) 例：fast os docker的登录页 let name = document.querySelector( "#app > section > section > main > div.main.clearfix > div > div > div > p:nth-chi
使用input，type=radio，赋初值不成功的问题；异步调取初步尝试
curry_zhao的博客
10-23 1194
解决办法有两种，第一种是给input包一层form，第二种是通过js改变其值，就是那句props。
bug之input标签给value赋变量值问题
l623504389的博客
05-20 739
原来的代码： <input name="personID" type="hidden" value = "<%person.getPerson_id();%>"> 这么写，导致后来使用request获取标签值时获取为空值。查阅API文档后发现问题出现在value=<%%>部分书写错误，不应该出现封号 修改后的代码 <input name="personID" type="hidden" value ="<%=person.getPerson_id(
给el–input直接赋值失败
08-05
- 用户提到“el-input 直接赋值无效”，意思是直接给el-input赋值后，输入框不能输入或值不更新。 - 在Vue.js中，这是由于Vue的响应式系统：如果直接修改数组或对象，Vue无法检测变化，需要使用Vue.set或this.$set。...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值