value的属性值

js获取li标签中的value属性值
千次阅读 2019-06-26 15:20:37
看生成的html代码，找到要取值对象的ID...function getValue(elementID) { var obj=document.getElementById(elementID); return obj.value||obj.innerHTML; } 把ID字符串传到getValue(string)方法中即可获取到值 ...
```
看生成的html代码，找到要取值对象的ID字符串
 function getValue(elementID)
 {
 var obj=document.getElementById(elementID);
 return obj.value||obj.innerHTML;
 }
 把ID字符串传到getValue(string)方法中即可获取到值
```
收起
展开全文
html javascript 网页开发

【html】input标签value属性值的字符长度多了1的诡异bug

千次阅读 2018-06-14 15:52:43

前言：前端的世界总能遇到很诡异的事情。... value="‬" > <button>测试1</button> <script> var aInp = document.getElementsByTagName('input'); var a

前言：前端的世界总能遇到很诡异的事情。对，一不下心就能遇到。。。。
一、诡异bug重现
<body>
<input type="text" value="‬" >
<button>测试1</button>
<script>
var aInp = document.getElementsByTagName('input');
var aBtn = document.getElementsByTagName('button');
aBtn[0].onclick = function(){
	var str = aInp[0].value;
	console.log(str);
	console.log('字符长度',str.length);
	console.log('清除空格',str.trim().length);
};
</script>
</body>
①、不输入任何内容，点击测试按钮


！！input标签的value值的长度竟然是1，起初我以为是空格的问题，然后用js清除空格，value的长度还是1。


②、输入一个数字1，然后点击测试按钮。


这时候发现input标签的value值的长度是2了，并不是我们想象中的1。


③、输入一个英文a，然后点击测试按钮。



这时候发现input标签的value值的长度还是2，并不是1。


在chrome浏览器下查看了标签，value属性那里发现多了一个诡异的符号。


④、在未输入任何东西前，敲击键盘上的删除键，可以消除这东西。



在未敲击删除键之前显示的是1，敲击删除键之后就正常了。


⑤、给input一个默认的value值，然后输出value长度值。
<body>
<input type="text" value="‬123" >
<button>测试1</button>
<script>
var aInp = document.getElementsByTagName('input');
var aBtn = document.getElementsByTagName('button');
aBtn[0].onclick = function(){
	var str = aInp[0].value;
	console.log(str);
	console.log('字符长度',str.length);
	console.log('清除空格',str.trim().length);
};
</script>
</body>
输出结果




发现这诡异的东西仍然存在。而且这东西不单只在chrome浏览器上有，在火狐浏览器上也会出现这种情况。




二、解决方案
①、不要给input的标签添加默认的value=""属性

<body>
<input type="text" value="‬" >
<button>测试1</button>
<br />
<input type="text" >
<button>测试2</button>

<script>
var aInp = document.getElementsByTagName('input');
var aBtn = document.getElementsByTagName('button');
aBtn[0].onclick = function(){
	var str = aInp[0].value;
	console.log(str);
	console.log('字符长度',str.length);
	console.log('清除空格',str.trim().length);
};
aBtn[1].onclick = function(){
	var str = aInp[1].value;
	console.log(str);
	console.log('字符长度',str.length);
	console.log('清除空格',str.trim().length);
};
</script>
</body>
不输入任何内容，分别敲击这两个按钮


这时候第二个input标签就没诡异的bug了。


②、给input的标签添加默认的value=''时，用单引号，不要用双引号属性

<body>
<input type="text" value="‬" >
<button>测试1</button>
<br />
<input type="text" value="123‬" >
<button>测试2</button>
<br />
<input type="text" value='' >
<button>测试3</button>
<br />
<input type="text" value='123' >
<button>测试4</button>
<script>
var aInp = document.getElementsByTagName('input');
var aBtn = document.getElementsByTagName('button');
for(var i = 0,len=aInp.length; i<len; i++){
	aBtn[i].index = i;
	aBtn[i].onclick = function(){
		var str = aInp[this.index].value;
		console.log(str)
		console.log('字符长度',str.length);
	};	
}
</script>
</body>
分别点击四个按钮。


这时候发现这诡异的字符就不存在''中了。


三、诡异字符猜想
<body>
<input type="text" value="‬" name="" data-id="">
<button>测试1</button>
</body>
给input标签添加一个name属性，值为空字符串，添加一个自定义属性，值也是为空字符串
①在chrome浏览器中打开


②在火狐浏览器中打开


字符&#8236字符是用于占位的？


四、建议
大家在给input的value属性添加默认值的时候，并且要获取value值的字符长度的时候要注意这个问题啦。

收起

展开全文

input标签

关于jQuery获取单选框VALUE属性值为ON的问题
千次阅读 2019-02-14 16:15:46
当取单选框的value值的时候，前提是要有value这个属性，如果没有value属性那么取出来的就会为on
```
当取单选框的value值的时候，前提是要有value这个属性，如果没有value属性那么取出来的就会为on
```
收起
展开全文

获取option标签的值和value属性值

万次阅读 2019-01-07 21:16:33

<!DOCTYPE html> <html>..._sel(this.options[this.options.selectedIndex])"...option value="volvo">Volvo</option> <opti

<!DOCTYPE html>
<html>
<body>
	<select onchange="_sel(this.options[this.options.selectedIndex])">
		<option value="volvo">Volvo</option> 
		<option value="saab">Saab</option> 
		<option value="opel">Opel</option>
		<option value="audi">Audi</option> 
	</select>
	<script>
		function _sel(val){
			alert(val.innerHTML);
			alert(val.value)
		}
	</script>
</body>
</html>

收起

展开全文

选择框高级软件工程

input 的value属性值，页面显示与html结构中不一致的问题
千次阅读 2017-12-19 15:55:21
input 的value属性值，页面显示与html结构中不一致。
收起
HTML中使用input type="file"时，不允许修改value属性值
千次阅读 2020-02-05 22:46:44
inupt type="file">上传文件时，出于安全起见属性value是只读的，不允许在输入框中编辑或修改，在js中用 “xxx.value=” 修改也不行，只能...时为value属性设置了默认的文件路径，也无法在接收程序中通过Reques...
收起
input标签value属性值EL表达式直接显示问题
2017-10-10 07:32:40
jsp界面写的输入框，el表达式${phone}原样显示出来了，求大神告知为什么 <input id="phone" name="phone" type="text" class="form-control" value="${phone}" placeholder="号码">
收起
html5 java
springboot拦截器提取@Value属性值时为空的解决方案。
千次阅读 2018-04-02 09:14:44
@EnableWebMvc @Configuration public class WebConfig extends WebMvcConfigurerAdapter { @Bean public LocaleInterceptor ...所以还添加@bean ，加入的spring 容器下，才可以读取的spring容器内的变量值参考链接： ...
收起
springboot
input标签的value属性详解
万次阅读 多人点赞 2019-03-13 23:03:55
value 属性的用法是由 input 标签的 type 属性的值决定的当 type 的取值为 button、reset、submit 中的其中一个时，此时 value 属性的值表示的是按钮上显示的文本当 type 的取值为 text、password、hidden 中的...
收起
input标签 value属性
jQuery操作input改变value属性值
万次阅读 2014-07-18 13:16:08
又发现了一个问题，总是需要一个全局变量temp来保存value值，这对于javascript来说是不好的，于是乎又想到了data属性请输入您的邮箱地址" value="请输入您的邮箱地址"/> 请输入用户名" value="请输入用户名"/> ...
收起
html中的value属性取值
千次阅读 2021-01-13 23:05:25
html中的value属性取值 <form> 个人简介：<br/> <textarea name="" id="" cols="50" rows="10"> 在这里输入内容... </textarea> <br/>...首先value属性表示的是
收起
html
@Value 注入属性值
千次阅读 2018-08-16 19:59:05
本次实验室为了测试@Value注解是在什么时候起效的下面是程序详情：配置文件 study.properties study=123 spring配置文件 <?xml version="1.0" encoding="UTF-8"?> &...
收起
@value java
[DOM元素处理] 使用jQuery获取iframe元素的value属性值 IE-firefox可以用
千次阅读 2014-10-07 12:57:59
使用jQuery获取iframe元素的value属性值: 本章节介绍一下如何获取iframe子元素中指定表单元素的value属性值。这里必须首先要强调一点，这个iframe子元素必须是同域之内。一.子页面的内容:
收起
python+selenium更改一个页面对象的属性值
千次阅读 2019-07-11 16:07:44
本实例以设定文本框的可编辑状态和显示长度为例，同学们再写的时候一定要注意细节，...print(u"删除value属性值后value属性值：", getAttribute(element, “value”)) if name == ‘ main ’: unittest.main()
收起
使用JS给value属性赋值的实例
万次阅读 2015-07-29 22:05:02
使用JS给value属性赋值的实例 by Bill好想 function show1(val){ document.myform.result.value = val ; } //方法1：这里val代表HTML DOM Select对象 function show2(val){ document.myform....
收起
jQuery JavaScript value 赋值
Javascript获取value值的三种方法及注意点
万次阅读 多人点赞 2018-06-25 01:15:28
今天在js中用id名直接获取value值时遇到点问题，所以顺便做一下总结。 JavaScript获取value值，主要有以下三种： 1.用document.getElementById(“id名”).value来获取（例1）； 2.通过form表单中的id名或者name名...
收起
JavaScript html
js获取label标签中的value值
千次阅读 2019-10-23 14:36:14
```javascript ...我的值</label>  <script> window.onload = function() { var label = document.getElementById('label'); // 查找一个id为label...
收起
checkbox (input) 选择框元素的 checked 和 value 属性
万次阅读 2018-10-13 11:17:46
选择框元素的 checked 和 value 属性： checked 属性设置或返回 checkbox 是否应被选中。语法 checkboxObject.checked=true|false 返回布尔值说明该属性保存了 checkbox 的当前状态，不管何时，这个值...
收起
html checkbox 表单元素选择框
js监听变量值或对象属性值变化的方法
千次阅读 2019-01-05 14:37:51
@js监听变量值或对象属性值变化的方法 js监听变量值或对象属性值变化的方法监听值的改变此方法用于监听对象属性值的改变, 要监听js中的变量可以加在一个对象中监听即可监听的对象是Data , 监听的变量是data ...
收起
js
HTML <option> 标签的 value 属性
千次阅读 2017-07-08 15:17:09
定义和用法: value 属性规定在表单被提交时被... 与之间的值是浏览器显示在下拉列表中的内容，而 value 属性中的值是表单被提交时被发送到服务器的值。如下: <option value="volvo">Volvo XC90 <option value="saab
收起
html
checkbox的value和checked属性详解
万次阅读 多人点赞 2019-02-27 18:52:25
和value值无关。 <p><input type="checkbox" name="vehicle" checked/> I have a car</p> document.getElementById("checkbox1").c..
收起
清除HTML file控件value属性值
千次阅读 2011-08-29 14:07:29
上午在做东西的时候需要清除file控件的value值，采用传统的处理方式（即直接将file控件的value值赋值为""），在FF和Chrome浏览器下都可以正常清除，但在IE下是无法清除的。可通过以下方法清除： ...
收起
file html chrome delete
java – 如何禁用在IntelliJ IDEA中显示Spring @Value注释的值？
千次阅读 2019-12-10 11:05:28
我有一个SpringBoot项目,定义了Spring属性,它将自动连接到@Component类中的@ Value-annotated字段.属性在application.properties中定义. 默认情况下,IntelliJ显示变量的值而不是实际的变量表达式(使用颜色方案可以...
收起
jquery取值，赋值，以及下拉框获取选中value值
千次阅读 2017-11-27 23:02:42
一、jquery获取元素的值（1）通过name属性获取元素的value值//假如是获取input文本框的value值 $("input[name='name']").val();（2）通过id获取元素的value值//product是id的值 //获取值用val(),此处和js的value
收起
jquery
单选按钮属性：value、name、checked
千次阅读 2019-07-15 09:51:26
表单中的单选按钮可以设置以下几个属性：value、name、checked value：提交数据到服务器的值（后台程序PHP使用） name：为控件命名，以备后台程序 ASP、PHP 使用 checked：当设置 checked=“checked” 时，该选项被...
收起
如何获取type=radio属性的value值
万次阅读 2017-07-26 10:12:17
1.获取选中值，三种方法都可以：$('input:radio:checked').val()；$("input[type='radio']:checked").val();...2.设置第一个Radio为选中值：$('input:radio:first').attr('checked', 'checked');或者$('inpu
收起
input jquery
jquery获取多个input元素属性值
千次阅读 2018-11-23 11:50:34
$(function(){ $("input[type='number']").each(function(index,item){ var name = $(this).attr("name"); //获取name值 var val = $(this).val(); //获取value值 }); }); 表示获取...
收起
JS jquery
JavaScript如何获得input元素value值
千次阅读 2018-07-07 16:11:00
在页面中我们最常见的页面元素就是input了，但是我们如何用JavaScript得到网页input中输入的value值呢，其实很简单，方法也不止一种，据我总结比较常用的就是下面的两种方法，闲话不多说了，下面那就来看看我说的...
收起
Java-注解-属性值为value时，赋值的三种情况
万次阅读 2018-11-10 17:41:30
1.自定义注解只有一个属性时，且属性名为value时，赋值时value可省略。注解定义: public @interface Table { public String value(); } 注解使用: @Table("student") public class Student { } ...
收起
Java
JS对象数组通过属性值（value）找到属性名（key）
万次阅读 2019-05-06 14:03:09
var arr = { 1267: '成都大学附属医院', 1272: '成都军区机关医院', 1206: '成都市第二人民医院', ...function findKey(obj, value, compare = (a, b) => a === b) { return Object.keys(obj).find(k => ...
收起

js获取li标签中的value属性值

【html】input标签value属性值的字符长度多了1的诡异bug

关于jQuery获取单选框VALUE属性值为ON的问题

获取option标签的值和value属性值

input 的value属性值，页面显示与html结构中不一致的问题

HTML中使用input type="file"时，不允许修改value属性值

input标签value属性值EL表达式直接显示问题

springboot拦截器提取@Value属性值时为空的解决方案。

input标签的value属性详解

jQuery操作input改变value属性值

html中的value属性取值

@Value 注入属性值

[DOM元素处理] 使用jQuery获取iframe元素的value属性值 IE-firefox可以用

python+selenium更改一个页面对象的属性值

使用JS给value属性赋值的实例

Javascript获取value值的三种方法及注意点

js获取label标签中的value值

checkbox (input) 选择框元素的 checked 和 value 属性

js监听变量值或对象属性值变化的方法

HTML <option> 标签的 value 属性

checkbox的value和checked属性详解

清除HTML file控件value属性值

java – 如何禁用在IntelliJ IDEA中显示Spring @Value注释的值？

jquery取值，赋值，以及下拉框获取选中value值

单选按钮属性：value、name、checked

如何获取type=radio属性的value值

jquery获取多个input元素属性值

JavaScript如何获得input元素value值

Java-注解-属性值为value时，赋值的三种情况

JS对象数组通过属性值（value）找到属性名（key）

value的属性值