JS给input框赋值

时间:2024-03-01 12:27:22

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>


《END》