检查选择字段和输入字段

Question

我试图执行以下操作：

我有1个选择字段和1个输入字段。当这些填写完毕时，两者的总和必须写入span。结果。 （立即！所以不要关注输入字段等。）

我试图使用：

.on('click'
.on('change'
.on('blur'

依旧......

它仅适用于输入或选择域，但不能同时适用于两者。

为了更清楚地说明这种情况，我添加了fiddle

Answer 1

使用input和select个活动。

$('input, select').on('input select', function() {

当通过手动输入值或通过复制粘贴更改input的值时，将触发
1. input事件。
选择select时，
2. <select>会在<option>上触发。

Updated Fiddle

$('input, select').on('input select', function() {
    prijs_field = $('.prijs_field').val();
    btw_field = $('.btw_field').val();
    $('.result').html(prijs_field * btw_field);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input type="text" class="prijs_field">
<select class="btw_field">
    <option value="21">21%</option>
    <option value="6">6%</option>
    <option value="0">0%</option>
</select>
<span>the result is: </span><span class="result"></span>