选择this.value时如何选择相应的下拉框

时间:2014-06-30 13:59:59

标签: javascript jquery

我试图从一系列文本框中计算总和和增值税金额。总和部分工作正常,但增值税部分证明是困难的。为了将增值税的总和添加,我首先需要检查是否可以通过下拉框将总和添加到增值税总额中。到目前为止使用的代码是:

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);
        }

我需要弄清楚哪些参数搜索VAT的相应是/否值,但是那个阶段我唯一可以访问的this.value就是成本核算框中的值。我需要找到一种方法来将成本计算框与增值税下降联系起来,这样他们就可以相互了解。

希望有道理!我可以澄清,如果没有,我也有一个JS小提琴here

1 个答案:

答案 0 :(得分: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