選擇this.value時如何選擇coresponding下拉框

Question

我正在嘗試從一系列文本框中得出總和和增值稅總和。 總和部分可以正常工作，但事實證明，這是增值稅部分。 為了將值添加到增值稅總和中，我首先需要檢查是否可以通過下拉框將總和添加到增值稅總和中。 到目前為止，用於此目的的代碼是：

HTML：

<input type="text" class="costing" id="ko_unique_3" name="ko_unique_3" /> 
Vat : <select class="vat">
  <option value="Yes">Yes</option>
  <option value="No">No</option>
</select><br /><br />

<input type="text" class="costing" id="ko_unique_4" name="ko_unique_4" />
Vat : <select class="vat">
  <option value="Yes">Yes</option>
  <option value="No">No</option>
</select><br /><br />

<input type="text" class="costing" id="ko_unique_5" name="ko_unique_5" />
Vat : <select class="vat">
  <option value="Yes">Yes</option>
  <option value="No">No</option>
</select><br /><br /><br />

Sum:<br />
<input type="text" id="sum" name="sum" /><br /><br />

VATable Sum:<br />
<input type="text" id="vatableSum" name="vatableSum" />

JQuery的：

jQuery(function($) {
$('.costing').live('keyup', function(e) {
var sum = 0;
var VATSum = 0;
$('.costing').each(function(){
    if (this.value == '') {
       sum += 0;
       VATSum += 0;
    }
    else if {
       sum += parseFloat(this.value);
       VATSum += parseFloat(this.value);
    }
    else {
       sum += parseFloat(this.value);
    }
});
$('#sum').val(sum);
});
});

這部分是：

else if {
           sum += parseFloat(this.value);
           VATSum += parseFloat(this.value);
        }

我需要弄清楚哪些參數會搜索相應的增值稅“是/否”值，但是在此階段，我可以訪問的唯一this.value是成本核算框中的值。 我需要找到一種方法將成本核算框與增值稅下拉列表綁定在一起，以使彼此之間可以相互抵消。

希望有道理！ 我可以澄清一下， 這里也有一個JS小提琴

Answer 1

您可以給相應的下拉列表一個名稱，例如ko_unique_4_dropdown，然后通過以下方式訪問：

$('#'+this.attr('name')+'_dropdown').value

或者，您可以使用以下ID在輸入中設置數據屬性：

<input type="text" data-dropdown="dropdown_1" />
<select id="dropdown_1"></select>

並像這樣訪問：

$('#'+this.attr('data-dropdown')).value