0

私は以下の 3 つのフィールドを使用してmultiplyいますPHP。ヘルプはありますか？Code as -- ここ1からselect最初dropdownに..

<select name="sp" id="sp">
<option value="" selected>Please Select...</option>
<option value="Editing">Editing</option>
<option value="Writing">Writing</option>
</select>

次に、単語 100 200 300 のように、数値が提供されるテキスト ボックスがあります。

<input type="text" name="Word_Count" id="Word_Count" size="10">

3 番目のフィールドは、上の行 (100 200 300 ワード) の単語に代わって価格が計算される場所です。

<input type="text" name="price" id="price" value="" readonly="" size="20">

ここで、ユーザーがEditingfromselectボックスを選択すると、価格は のように計算され100 x 0.02, 200 x 0.02, 300 x 0.02、ユーザーが を選択するWritingと、価格は で計算され100 x 0.04, 200 x 0.04, 300 x 0.04ます。

出力をより効率的に取得する方法を理解するにはどうすればよいですか? 助けはありますか？

4

2 に答える 2

1

あなたが処理しなければならない多くの複雑さがあります。
1) Word_Count に入力された文字列が数値であることを確認します。(ユーザー入力を決して信用しないでください。検証技術を適用してください)

2) Word_Count の Onkeyup イベントで JavaScript 関数を呼び出します。
<input type="text" name="Word_Count" id="Word_Count" size="10" onkeyup="return somefunction()">

要素で言及して関数を呼び出す方法を示しました。ページロード時に jquery 関数を呼び出すこともできます。そのようにしたい場合は、公式ドキュメントを確認してください。

HTML選択

<select name="sp" id="sp">
<option value="" selected>Please Select...</option>
<option value="0.02">Editing</option>
<option value="0.04">Writing</option>
</select>

オプションの値を変更しました。


JavaScript/jquery 関数

function somefunction(){
    //take value of Word_Count in one variable
    var valWC = $("#Word_Count").val()

    //take value of Word_Count in one variable
    var valDP = $("#sp").val()

    //sumd will hold the product of two numbers
    var sumd = 0;

    //apply validation technique

    //multiply both values valWC and valDP
    //sumd will have the product
    sumd=Number(valWC)*Number(valDP);

    //show it in third box
    $("#price").val(sumd);
}
于 2013-01-04T07:22:11.823 に答える
0

Jquery自体でこれを行うことができます..あなたがしなければならないことは、

$("#sp").change(function() {

   // get the word count field  value;

   // split the values by using  " " character and store it into an array

   // loop the array [ inside the loop do your calculation according to the selection of the choice ]


   // display the final value in the price field..
});

それを達成するためのステップがあります。

于 2013-01-04T07:22:45.250 に答える