2012-03-01 22 views
1

私はwebbeansとmysqlを使ってjsp、mysql、ajaxを使ってWebプロジェクトをやっています。 私は3つのテキストボックスを持っています、2はユーザーからの入力を受け入れるためのものです。 3番目のテキストボックスには、2つの入力値の積が表示されます。htmlテキストボックスからjava関数を呼び出すことはできますか?

これを行う方法? 私はajax呼び出しを行うか、3つのテキストボックスでjava関数を呼び出すことができますか?

コードは「合計」という名前のテキストボックスのvalue属性で

<input type="text" value="" name="quantity"/> 
</td><td><input type="text" value="" name="price"/> 
</td><td><input type="text" value="" name="total"/> 

である私は、Java関数を呼び出すことができますか? value="getTotal()"のようなものですが、どうすれば他の2つの値にアクセスすることができますか?

そうでなければ、私はajaxコールを行うべきですか?

+1

あなたは、Ajaxや他のネットワーク要求O/Wちょうどページからサーバー上のJava関数を呼び出すことはできません。 – kirilloid

+3

'java'から' javascript'はカーペットからカーペットに似ています! –

+0

total = price * quantity私はJSで実装しますが、送信時にサーバー側の検証を追加します。クライアント側のコードを誰も騙さないようにしてください。 – alfasin

答えて

1

こんにちは友人Javaの機能を行くする必要はありませんが...あなたは、単に行うことができ、クライアント側

<td><input type="text" value="" name="quantity" onblur="Calculate()"/> 
    </td><td><input type="text" value="" name="price" onblur="Calculate()"/> 
    </td><td><input type="text" value="" name="total"/> 


    <script type="text/javascript"> 

    function Calculate() 
    { 

     var txt1 = document.getElementById("quantity"); 
     var txt2 = document.getElementById("price"); 
     var txt3 = document.getElementById("total"); 
     if ((txt1.value != "") && (txt2.value != "")) 
     { 
      txt3.value = parseInt(txt1.value) * parseInt(txt2.value); 
     } 

    } 

    </script> 

こんにちは友人もう一つ、合計テキストボックスは読み取り専用する必要があります。また、ラベルを使用することができます....

おかげ

+0

非常に私はURコード自体から得ました – Neal

2

要件が基本的なものであれば、簡単なJavaScriptを使用して実行できます。スクリプト

function doTheMath(){ 
var quantity = document.getElementById("quantity").value; 
var price = document.getElementById("price").value; 
var product = parseInt(quantity, 10) * parseFloat(price); 
document.getElementById("total").value = product; 

} に以下を追加し、変更があるたびにJavaScript関数を呼び出すために、次へのあなたのhtmlを変更 。簡単な数学のサーバー電話をかける

<input type="text" value="" id="quantity" onchange="doTheMath()"/> 

はsuggestableではありません。

1

jQueryを使用する必要があります。 jQueryでは、ユーザーが他のフィールドに入力する内容に応じて、テキストボックスの値を動的に設定できます。私は最近、私がクライアントのためにした買い物カゴのためにこれを実装しました。 jQueryには、非常に使いやすい.ajax()メソッドもあります。

これらのリソースをチェックアウト:

私はコード化された応答を書く時間がありません申し訳ありませんが

http://docs.jquery.com/How_jQuery_Works

http://api.jquery.com/category/ajax/

。とにかくこれが助けてくれるといいですね。

0
<HTML> 
    <HEAD> 
<TITLE></TITLE> 
    <script type="text/javascript"> 

    function Calculate() 
     { 

     var txt1 = document.getElementById("FirstNo"); 
     var txt2 = document.getElementById("SecondNo"); 
     var txt3 = document.getElementById("Output"); 
     if ((txt1.value != "") && (txt2.value != "")) 
     { 
      txt3.value = parseInt(txt1.value) * parseInt(txt2.value); 
     } 

     } 

    </script> 

<input id="FirstNo" type="text" value="" onblur="Calculate()" style="width:50px"/> * 
<input id="SecondNo" type="text" value="" onblur="Calculate()" style="width:50px"/> 
<input id="Output" type="text" style="width:50px"/> 
</FORM> 
</BODY> 
</HTML> 
関連する問題