JS给input框赋值
在做一些东西时需要用到了js给input输入框复制,在网上了解了一些后总结如下:
注意:由于网站显示问题,代码中有些标点符号显示出现了异常,需要注意,里面的一切代码符号均是英文的;
第一种,最简单的:
$("#ID值").val(\'值\');
第二种:最正常的:
$("#ID值").attr("value","值");
第三种:最原始的:
document.getElementById(\'ID值\').value=\'值\';
注意:$("#ID值").val( \'值 \');这种写法有时会失效,特别是他的父元素是dosplay:none时。
虽然也看到过其他的写法,比如document.getElementById(‘ID值’).html(’’)等,但是使用后发现并没有效果,在网上出了半天也没有得到结果,因此不了了之~ ( 如果有小伙伴知道怎么回事的话可以告诉我一下,不胜感激~ )
代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<form action="#" method="post">
<div class="formDiv">
<input type="text" id="name1" name="name1" /><br/>
<input type="text" id="name2" name="name2" /><br/>
<input type="text" id="name3" name="name3" /><br/>
</div>
</form>
</body>
<script type="text/javascript">
$("#name1").val(\'给name1的赋值\');
document.getElementById(\'name2\').value=\'给name2的赋值\';
$("#name3").attr("value","给name3的赋值");
</script>
</html>