2013-07-06 57 views
0

我想在另一个文本框的更改上更改文本框中的某些文本。我知道这可以使用ontextchanged事件来完成。但我的要求是,例如。让我们举一个将仪表转换为KM的例子。如何在文本在其他文本框中更改文本时在asp.net中的一个文本框中更改文本

  1. 当我在没有离开该文本框的文本框中输入1000时,我需要将其值设为1 KM。
  2. 现在,我将1000米改为3000米(没有启动ontextchanged事件),我应该在另一个文本框中看到3公里。

总之我不希望文本框被回传。我知道这可以在Windows项目中完成,但如何在asp.net(基于Web)中完成。有没有JavaScript或jQuery?

请帮忙。提前致谢。

+0

你可以使用javascript onchange事件文本框 – Paritosh

+0

@Paritosh:你能给我一个相同的链接吗? – Ankur

回答

1

希望这有助于

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <script src="/js/jquery-1.7.2.min.js" type="text/javascript"></script> 

    <script language="javascript" type="text/javascript"> 

     function Convert() { 
      var meters = jQuery("#txtMeters").val(); 
      var kilometers = meters/1000; 
      jQuery("#txtKilometers").val(kilometers); 
     } 

    </script> 

<title>Solution</title> 
</head> 

<body> 
    <form id="form1" runat="server"> 
    <div> 
    Meters 
    <asp:TextBox ID="txtMeters" ClientIDMode="Static" runat="server" onkeyup="javascript:Convert()"> 
    </asp:TextBox> 
    /
    <asp:TextBox ID="txtKilometers" ClientIDMode="Static" runat="server"> 
    </asp:TextBox>Kilometers 
    </div> 
    </form> 
</body> 

</html> 
+0

与文本框的textchanged事件相同。我必须将控件从txtMeters文本框中移出。那么它给我输出 – Ankur

+0

好吧,所以你要立即...检查编辑现在它将工作:) – tariq

+0

它现在的工作,但它滞后。即1000答案我得到的是0.1 – Ankur

0

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onkeypress

<script> 
    function myFunction() 
    { 
    alert("You pressed a key inside the input field"); 
    // get value of textbox1, sdo the calculation 
    // set value of textbox2 
    var x = document.getElementById('textbox1').value;//get integer part of value 
    document.getElementById('textbox2').value = x/1000 + 'km'; 
    } 
</script> 
<input type="text" id="textbox1" onkeypress="myFunction()"> 
<input type="text" id="textbox2"> 
0

试试这个jQuery的解决方案

添加jQuery库

<asp:TextBox runat="server" ID="TextBox1" runat="server"/> 
    <asp:TextBox runat="server" ID="TextBox2" onkeyup="callFunction()" runat="server"/> 
    <script type="text/javascript"> 
     function callFunction() { 
      var TextBox2_val = $('#<%= TextBox2.ClientID %>').val(); 
      $('#<%= TextBox1.ClientID %>').val((parseFloat(TextBox2_val)/1000).toString()); 
     } 
    </script> 
相关问题