[jquery]查看控制台html 的input標籤屬性 value有值 畫面卻沒有顯示

最新推荐文章于 2022-08-08 18:20:40 发布
最新推荐文章于 2022-08-08 18:20:40 发布
阅读量342 收藏
点赞数
文章标签： jquery 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jum89898/article/details/121059639
版权
"本文记录了一位开发者在使用jQuery时遇到的问题。原本仅使用`$("#maName").attr("value","陳美美")`来设置表单元素的值，后来发现加上`$("#maName").val("陳美美")`可以达到更好的效果。作者推测这可能是因为`.val()`方法与显示有关。通过这次经验，作者浪费了两个小时，但对此有了更深入的理解。"

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

原本只使用  $("#maName").attr("value","陳美美");

後來加上 $("#maName").val("陳美美");

jQuery prop() 方法也值得一試

我猜是因為.val("陳美美")跟顯示有關吧,記錄下,為了他浪費2小時

jum89898
关注
为什么写了value属性 jq赋值value值不显示_那些五年以下Java经验不知道的事
weixin_39722025的博客
12-02 256
这篇其实计划了好久了，一直没动力写，今天回来的稍微早了一会，总结一下几个概念。1、标量替换首先要搞明白什么叫标量。所谓标量就是不可以进一步分解的量，如java中基本数据类型和reference类型，相对的一个数据可以继续分解，称为聚合量。因此 如果把一个对象拆散，将其成员变量恢复到基本类型来访问就叫做标量替换。标量替换的好处是避免了对象在堆上的分配，在栈上直接创建，提高了运行效率。2、逃逸分析逃逸...
如何在控制台查看video标签内部的样式
qq_42931285的博客
04-15 671
video标签内部的样式
input框的value明明有值，但是不显示问题
热门推荐
铁柱的博客
12-29 5万+
上午刚碰到的问题。也耽误了不少时间。用浏览器F12查看元素，发现value有值，但是显示的确实placeholder的值。然后注释掉placeholder之后，input框什么都不显示了。一、如图所示      百度一下，都说可能是JS赋值的原因。因为前端页面不是我写的，所以刚开始也没想到这一点。后来和同事一起找问题，才发现问题所在。二、错误原因function loadPage(){ if
Web前端html的input框有value值,但是不显示
Inmaturity_7的博客
08-21 1万+
Web前端html的input框有value值,但是不显示 今天遇到一个令人头疼的问题，就是input框有value值，但它显示placeholder的值,删了placeholder，输入框直接空了。如下图： 我的jsp页面代码: <c:choose> <c:when test="${weicaiOnlineResume.experienceName ne null}"> <input type="text" name="companyName" valu
jQuery获取checkboxlist的value值的方法
10-23
每个<input>标签可能会有一个与之对应的标签包裹，这个标签的alt属性会被用作存储原始的Value值，因为HTML的标准规范里，checkbox的Value属性通常是用户可见的，不适宜存放非可见值。 通过上述描述，我们可以得知，...
jquery遍历input取得input的name
10-30
### jQuery遍历input获取name属性值详解 在前端开发领域，jQuery因其简洁、高效的特点而备受开发者喜爱。本文将深入探讨如何使用jQuery遍历页面中的`<input>`元素，并从中提取`name`属性的值。这是一项非常实用的...
jQuery在div中去input的值
04-19
例如，以下是一个完整的jQuery代码片段，展示如何获取并显示input的值： ```javascript $(document).ready(function() { // 获取input的值 var inputValue = $("#myInput").val(); // 在控制台打印输入值 ...
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
10-21
本文主要介绍在使用jQuery处理`input`元素的`blur`事件与其他非表单元素的`click`事件时出现的冲突，以及如何解决这些问题。 ### 知识点一：blur事件和click事件的基本概念 - **blur事件**：在Web开发中，`blur`...
利用JS响应式修改vue实现页面的input值
10-16
然而，这样做虽然能在视觉上改变input框的值，但在Vue的数据模型中，`account.username`和`account.password`并未更新，因此登录请求发送的数据仍然是空字符串。原因在于Vue的`v-model`并不只是简单的赋值，而是结合...
js调试控制台使用详解图解
bcbobo21cn的专栏
07-02 3876
一 实例图解 四种不同的console输出函数，输出信息前显示不同的图标； $查看某个元素； console.dir()可以显示一个对象所有的属性和方法； 分组显示信息； 显示digitalData对象； console.dirxml()用来显示网页的某个节点（node）所包含的html/xml代码
JavaScript获取标签的属性和DOM操作属性
m0_61843988的博客
08-08 5844
获取标签的属性，DOM操作属性
jQuery控制input的value值，代码中有值，但是页面中不能显示的原因
undentifined的博客
08-10 1万+
prop函数，与attr类似，但对于checkedBox，attr返回的是checked或undefined，prop返回的是true或false，此时最好用prop，prop取出的原生的值，attr用于自定义属性 所以问题原因一般是代码中采用attr赋值，解决办法就是换成prop即可 希望这个对大家有帮助，来自一个正在路上的前端学者心得
获取控制台输入的数据
ADreamClusive的博客
03-28 3301
Scanner input = new Scanner(System.in); int custNo = input.nextInt(); input.close(); 使用Scanner对输入的数据进行判断 if(input.hasNextInt() == true) { System.out.println("输入正确"); } else { System.o...
获取value值和html值,jquery如何获取value值？
weixin_42546508的博客
06-07 4725
jquery如何获取value值？下面本篇文章给大家介绍一下使用jquery获取value值的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在jquery中，可以使用val() 方法来获取被选元素的value值。val()方法可以返回被选元素的 value 属性值，会返回第一个匹配元素的value属性的值。语法：$(selector).val()例：$("input#tes...
HTML学习(三)控制浏览器发送请求
flyconley的博客
03-14 2950
控制浏览器发送请求地址 1.超链接标签命令 1)格式: <a href="请求地址">提示信息</a> 2)工作原理: 超链接标签命令不会被浏览器自动执行。 在用户使用鼠标单击超链接标签命令时， 此时这个命令才会执行，执行要求浏览器 立刻按照href属性地址发送请求 <html> <body> <a...
html中的checkbox不显示值,html checkbox的checked属性问题和value属性问题
weixin_39603492的博客
06-17 1698
< html xmlns="http://www.w3.org/1999/xhtml">< head>< script type="text/JavaScript">function onbutton(){//document.getElementById("checkbox1").checked = false;alert(document.getElemen...
jquery获取form表单input元素值的简单实例
最新发布
05-16
假设你有一个表单，其中有一些输入字段（例如文本框或下拉列表），每个输入字段都有一个唯一的“name”属性，你可以使用jQuery来获取这些输入字段的值。下面是一个简单的示例： HTML代码： ```html <form id="myForm"> <label for="name">Name:</label> <input type="text" name="name" id="name"> <label for="email">Email:</label> <input type="email" name="email" id="email"> <input type="submit" value="Submit"> </form> ``` jQuery代码： ```javascript $(document).ready(function() { $('#myForm').submit(function(event) { event.preventDefault(); // 阻止表单提交 // 获取输入字段的值 var name = $('input[name="name"]').val(); var email = $('input[name="email"]').val(); // 在控制台中显示输入字段的值 console.log('Name: ' + name); console.log('Email: ' + email); }); }); ``` 在上面的代码中，我们使用jQuery选择器来获取输入字段的值。我们选择了所有具有“name”属性的输入字段，并使用.val()方法来获取它们的值。在这个例子中，我们选择了两个输入字段：name和email。然后，我们在控制台中显示了这些值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值