使用jQuery将一个文本框值复制到另一个文本框

时间:2014-08-14 19:00:21

标签: jquery

我想使用onblur事件将一个文本框值复制到另一个文本框值。我是jQuery的新手。请建议执行此任务的写入方式。

JavaScript代码:

<script src="js/jquery-1.6.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function () {

});

function myFunction(one, two) {
    $('#<%= txtOne.ClientID %>').val($('#<%= txtSecond.ClientID %>').val());
}

</script>

HTML标记

<asp:TextBox ID="txtOne" runat="server" onblur="myFunction('<%= txtOne.ClientID %>','<%= txtSecond.ClientID %>');"></asp:TextBox>
<asp:TextBox ID="txtSecond" runat="server"></asp:TextBox>    

4 个答案:

答案 0 :(得分:0)

试试这段代码。

function myFunction(one, two) {
    $("#"+one).val($("#"+two).val());
}

答案 1 :(得分:0)

你不能使用普通的旧javascript吗?

   document.getElementById("<%= txtOne.ClientID %>").value = document.getElementById("<%= txtSecond.ClientID %>").value;

答案 2 :(得分:0)

<asp:TextBox ID="txtOne" runat="server" onblur="myFunction('txtOne','txtSecond');"></asp:TextBox>

然后使用Callebe建议的内容

function myFunction(one, two) {
    $("#"+one).val($("#"+two).val());
}

答案 3 :(得分:0)

<script>
function sync()
{
  var t1 = document.getElementById('txtOne');
  var t2 = document.getElementById('txtSecond');
  t1.value = t2.value;
}
</script>
<input type="text" name="n1" id="txtOne" onkeyup="sync()">
<input type="text" name="n2" id="txtSecond"/>