如何从输入类型=“文本”计算值并使用 jquery 选择元素？

Question

如何使用 jQuery 计算具有输入类型和选择元素的表单中的字段？

例如

<input class="days" type="text" name="txt"/>
<select class="roomtype">
<option value="">Please select a room</option>
<option value="50">Budget room</option>
<option value="100">Standard room</option>
</select>
<p>Please bank in <a href="bankurl" id="total">$</a> to our account. 

我目前要求用户输入价格的脚本。

$(".days").each(function() { 
        $(this).keyup(function(){
            Calculate();
        });
    });

});

function Calculate() {

    var total = 0;

    $(".days").each(function() {
         // validate
        if(!isNaN(this.value) && this.value.length!=0) {
            total += parseFloat(this.value);
       }
     });
    //decimal
    $("#total").html(total.toFixed(2));
}

谢谢。

Answer 1

试试这个解决方案：

$(".days").each(function() { 
    $(this).keyup(function(){
        Calculate();
    });
});

function Calculate() {

    var total = 0;

    $(".days").each(function() {
         // validate
        if(!isNaN(this.value) && this.value.length!=0) {
            total += parseFloat(this.value);
       }
     });
    //decimal
    var cost = total.toFixed(2) * $(".roomtype").val();
    cost += "$";
    $("#total").html(cost);
}

jsFiddle：http://jsfiddle.net/wALQT/

Answer 2

您可以使用$('.roomtype').val() 获取select 的值。