本文介绍了一个简单的HTML页面，通过jQuery实现输入框之间的值传递功能。页面包含两个输入框及一个按钮，点击按钮后，第一个输入框的值会被复制到第二个输入框中。示例使用了jQuery库简化DOM操作。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html取值和赋值</title>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<style type="text/css">
.d1,.d2{
width: 100%;
height: 300px;
background: #ccc;
}
</style>
</head>
<body>
<p>
<input type="text" name="" id="" value="" />
</p>
<p>
<button class="btn">>></button>
</p>
<input type="text" name="" id="" value="" />
<p>
</p>
</body>
<script type="text/javascript">
$(".btn").click(function(){
val=$("input").eq(0).val();
$("input").val(val);
});
</script>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>html取值和赋值</title>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<style type="text/css">
.d1,.d2{
width: 100%;
height: 300px;
background: #ccc;
}
</style>
</head>
<body>
<p>
<input type="text" name="" id="" value="" />
</p>
<p>
<button class="btn">>></button>
</p>
<input type="text" name="" id="" value="" />
<p>
</p>
</body>
<script type="text/javascript">
$(".btn").click(function(){
val=$("input").eq(0).val();
$("input").val(val);
});
</script>
</html>
扫一扫
33万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
