0

我对 php 很陌生，所以我坚持使用更简单的计算器脚本……嗯……对我来说并不容易，但至少听起来不太复杂。

首先，我需要创建一个具有 2 个输入的计算器...一个包含汽车（其中 4 个）的下拉列表，每个汽车都有一个值（每公里的价格）和一个用户填写公里值（多少公里）的文本框他想开车）。然后输出应该是jquery（实时结果）。运算当然是倍增。

如果有人能帮我解决这个问题，我将不胜感激。我擅长 html 和 css，但完全没有 php。

<div class="styled-select"> 
  <select name="dropdown"> 
    <option value="<?=$car1;?>">Mercedes</option> 
    <option value="<?=$car2;?>">Scania</option> 
    <option value="<?=$car3;?>">Renault</option> 
    <option value="<?=$car4;?>">MAN</option> 
  </select> </div>
4

1 回答 1

3

我想这就是你所追求的

HTML

<input id="distance"/>
<select name="dropdown" id="cars">/* options*/
<input id="result"/>

jQuery：

$(function(){
    $('#cars, #distance').on('keyup change',function(){
        var dist=$('#distance').val();  
        var car=$('#cars').val();
        var res=  dist * car ;
        $('#result').val( res || 0 );
    });
});

演示：http: //jsfiddle.net/d8ETu/

于 2012-11-14T03:16:55.943 回答