如何在div中基于当前值运行脚本

时间:2018-01-05 19:29:59

标签: javascript jquery

<input type="text" class="NetscapeFix CalTicketQuantity" name="tix_quantity" id="tix_quantity0" value="0" size="4" maxlength="4" onchange="calculate(this.form);">
<input type="text" class="NetscapeFix CalTicketQuantity" name="tix_quantity" id="tix_quantity1" value="0" size="4" maxlength="4" onchange="calculate(this.form);">
<div id="tix_total_quantity_div">0</div>

$(function(){
var testThis = document.getElementById("tix_total_quantity_div").value;
  $('[id*="tix_quantity"]').on('change', function(){
    $value = Math.max(0, Number(testThis.value) - 1);
    $('div[class*="guest-"]').hide().slice(0, $value).show();
  });

});

$('#Ar-ttClassesContainer').insertAfter('#Ar-attendContainer');

  });

#tix_total_quantity_div会自动更新添加tix_quantity0和tix_quantity1的值。控制它的脚本被硬编码到页面中,我无法直接编辑它。如果在tix_quantity0中放置1,在tix_quantity1中放置2,则tix_total_quantity_div将自动更新为3

我正在尝试根据#tix_total_quantity_div的值运行此脚本,以便在更新其中一个包含&#34; tix_quantity&#34;的ID的输入时并且tix_total_quantity_div将更新将显示的.guest- div的数量将基于#tix_total_quantity_div的当前数字

我想我被困在这条线上:
$ value = Math.max(0,Number(testThis.value) - 1); 如果我使用this.value然后它根据输入到tix_quantity框之一的值工作,但我如何根据tix_total_quantity_div的当前值进行此工作?

1 个答案:

答案 0 :(得分:0)

我最终删除了:var testThis =     的document.getElementById(&#34; tix_total_quantity_div&#34)。值;

并改变

$value = Math.max(0, Number(testThis.value) - 1);

改为:

$value = parseInt($('#tix_total_quantity_div').text()-1);