javascript - 选择this.value时如何选择对应的下拉框

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 fiddle here

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