我有2个文本框,其中一个是隐藏的。单击“提交”时,在第一个文本框中输入的值应传递给下一个隐藏的文本框。
这是我的代码,
<html>
<head>
<title>Contact Form</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" language="javascript"></script>
<script>
$(function(){
$('#textbox1').blur(function() {
$('input[name=textbox2]').($('#textbox1').val());
});
});
</script>
</head>
<body>
<form>
<input name="textbox1" type="text" class="inputext" value="" style="cursor: text" id="textbox1" />
<input name="textbox2" type="hidden" class="inputext" value="" style="cursor: text" id="textbox2" />
<input name="Add" type="button" value="Add" id="btn"/>
</form>
</body>
</html>
非常感谢任何帮助:)
答案 0 :(得分:1)
更新您的代码:
<html>
<head>
<title>Contact Form</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" language="javascript"></script>
<script>
$(function(){
$('#textbox1').blur(function() {
$('input[name=textbox2]').attr('value',$('#textbox2').val()+$('#textbox1').val());
console.log($('#textbox2').val());
});
});
</script>
</head>
<body>
<form>
<input name="textbox1" type="text" class="inputext" value="" style="cursor: text" id="textbox1" />
<input name="textbox2" type="hidden" class="inputext" value="" style="cursor: text" id="textbox2" />
<input name="Add" type="button" value="Add" id="btn"/>
</form>
</body>
</html>
答案 1 :(得分:0)
你错过了val()函数
<强>示例强>
$('#textbox1').blur(function() {
$('#textbox2').val($(this).val());
});
答案 2 :(得分:0)
<script>
$(document).ready(function() {
$('#btn').click(function() {
var textbox1=$("#textbox1").val();
$("#textbox2").val(textbox1);
}); });
</script>
<form>
<input name="textbox1" type="text" class="inputext" value="" style="cursor: text" id="textbox1" />
<input name="textbox2" type="text" class="inputext" value="" style="cursor: text" id="textbox2" />
<input name="Add" type="button" value="Add" id="btn"/>
</form>