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 回答