Question

我使用以下三个字段需要通过multiply PHP字数统计值。你帮忙吗？代码为 - 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">

和第三个字段将代表上一行（100 200 300字）的单词计算价格，如

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

现在，如果用户从Editing框中选择select，价格将按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计算。

我能否让我更有效地获得输出？有什么帮助吗？

Answer 1

您必须处理许多并发症 1）检查在Word_Count中输入的字符串是否为数字。（绝不相信用户输入。应用验证技术）

2）在Word_Count的Onkeyup事件上调用javascript函数 <input type="text" name="Word_Count" id="Word_Count" size="10" onkeyup="return somefunction()">

我告诉过你，如何通过在元素中提及函数来调用函数。你也可以在pageload上使用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);
}

Answer 2

你可以在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..
});

有实现它的步骤。

将文本值和显示结果相乘

2 个答案: