0

別のテキスト ボックスの変更時にテキスト ボックス内のテキストを変更したい。ontextchangedイベントを使用して実行できることを知っています。しかし、私の要件は、たとえばです。メートルを KM に変換する例を見てみましょう。

  1. そのテキスト ボックスを離れずにテキスト ボックスに 1000 と入力すると、その他に 1 KM の値が必要です。
  2. ここで、1000m を 3000m に変更すると (ontextchangedイベントを発生させずに)、他のテキスト ボックスに 3 KM が表示されます。

要するに、テキストボックスが投稿されたくないのです。これは Windows プロジェクトで実行できることはわかっていますが、asp.net (Web ベース) でどのように実行できるかを知っています。JavaScript または jQuery はありますか?

助けてください。前もって感謝します。

4

4 に答える 4

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>
于 2013-07-06T07:22:41.490 に答える
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">
于 2013-07-06T06:22:28.877 に答える
0

JavaScript/jQuery 関数を呼び出して (textBox イベントにバインドすることをお勧めします)、最初のテキスト ボックスのテキストから変換し、2 番目のテキスト ボックスに配置します。

イベントをバインドする方法は? ここでそれを参照してください..

Jquery テキスト変更イベント

http://api.jquery.com/change/

于 2013-07-06T06:24:10.697 に答える
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>
于 2013-07-06T06:26:02.203 に答える