JS给input框赋值

最新推荐文章于 2024-04-26 18:40:12 发布

清风暖云

最新推荐文章于 2024-04-26 18:40:12 发布

阅读量3.7k

点赞数 3

分类专栏： HTML 文章标签： js赋值给input输入框 js赋值

本文链接：https://blog.csdn.net/qq_40762011/article/details/89207128

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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>