Question

我创建了一个3步表单。该表格旨在根据输入的员工数量确定价格。用户在第一步中输入员工数量。 JavaScript会根据此值计算价格。 index1.php表单如下所示：

<form id="empnum" class="form-horizontal" method="GET" action="index2.php">
  <label class="control-label">employee number</label>
   <div class="controls">
  <input type="text" class="span6 " id="employee_number" name="employee_number" required>
     </div>
 <button type="submit" class="btn btn-success">Calculate</button>
  </form>

js代码如下所示;

function calculate(){
$.ajaxSettings.cache = false;
var employee_number = $("#employee_number").val();

function time(s) {

    if(s>60){
        hour=Math.floor(s/60);
        mnts=s-(hour*60);
        if(mnts==0){result= hour +' hour';}else{result= hour +' hour '+ mnts + ' mnts' ;}
    }
    else{result= s +' mnts';}
    return result; 
}

if (employee_number.length > 0)
{
    // -------------------
    a1=(employee_number*5)
    a2=(employee_number*10)
    a3=(employee_number*15)
    $(".a1").html(time(a1)+" /month");
    $(".a2").html(time(a2)+" /month");
    $(".a3").html(time(a3)+" /month");

    // -------------------

    a1=(employee_number*10)
    a2=(employee_number*20)
    a3=(employee_number*40)
    $(".b1").html(time(a1)+" /month");
    $(".b2").html(time(a2)+" /month");
    $(".b3").html(time(a3)+" /month");


    // -------------------

    if(employee_number>9 && employee_number<50){

        $(".c3").html(time(employee_number*10)+" /month");
    }
    else if(employee_number>49 && employee_number<250){

        $(".c3").html(time(employee_number*15)+" /month");
    }
    else if(employee_number>249){

        $(".c3").html(time(employee_number*20)+" /month");
    }
    else
    {
        $(".c3").html("-");
    }
}
}

我在index2.php上添加的HTML代码

<table border="0" cellpadding="0" cellspacing="0" class="tb1">
    <tr>
        <th width="25%">danger level</th>
        <th width="25%" class="bg1">doctor working time</th>
        <th width="25%" class="bg2">expert's working time</th>
        <th width="25%" class="bg3">duration of other staff</th>
    </tr>
    <tr>
        <td><b>Less dangerous</b></td>
        <td class="a1">0</td>
        <td class="b1">0</td>
        <td class="c1">-</td>
    </tr>
    <tr>
        <td><b>dangerous</b></td>
        <td class="a2">0</td>
        <td class="b2">0</td>
        <td class="c2">-</td>
    </tr>
    <tr>
        <td><b>very dangerous</b></td>
        <td class="a3">0</td>
        <td class="b3">0</td>
        <td class="c3">0</td>
    </tr>
</table>

我还添加了jquery和js标签以及onClick="calculate();（内部按钮），但没有再次使用

如何根据第一页（index1.php）中输入的值在第二页（index2.php）上运行JavaScript？

注意：它在一个页面上正常工作。但是我必须用php（两页）使它变得动态，因为我将来会做附件。

Answer 1

当您提交表单时，它将加载index2.php，employee_number的值在

中

$_GET['employee_number'];

如果你想保持你的网址清洁，你可以将方法改为发布，而vars将在$ _POST数组中。

Answer 2

将隐藏的输入放在您放置计算值的位置

＆＃13;

document.getElementById('price').value = result

＆＃13;

<input type="hidden" name="price">

＆＃13;

你的php中的价格是名称价格

从第一页PHP获取JS值并在第二页上运行

2 个答案: