2013-07-06 58 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> 
相關問題