统计标签输入并根据标签计算价格

Question

我有以下脚本，我不知道如何添加基于多个标签的计算系统，例如：如果我在 compnr 输入中添加一个标签，我希望在 totalpay 输入中显示 100e 的价格，如果我添加多个标签，其价格为每个标签 70e，并向我显示 totalpay 输入中所有标签的总价格。 （我是新手，我不知道如何管理引导标签输入，抱歉我的英语不好。

HTML 表单：

    <form action="" id="orderform" method='post'>
    <div class="form-wrapper">
        <label for="">Comp.Nr:</label>
        <input data-role="tagsinput" id="compnr" required type="text" name="compnr" class="form-control" placeholder="(with comma: ex: 443, 331)">
    </div>

     <div class="form-wrapper last">
        <label for="" class="label-input">Total to Pay:</label>
        <input type="text" name="totalpay" id="totalpay" class="form-control">
     </div>
</form>

jquery：

    <script type="text/javascript">
            setInterval(function(){
$(function() {
  var total = $('#compnr').tagsinput('items');
  var tagsInputLength = total.length;

  var total_single     ="";
  var total_multiple ="";

    switch(tagsInputLength) {
  case 1:
    price = 100;
    total_single = (tagsInputLength * price);
    $('#totalpay').val(total_single);
    break;
    case ((tagsInputLength>=0 && tagsInputLength<=100)?tagsInputLength:-1):
    price = 70;
    total_multiple = (tagsInputLength * price);
    $('#totalpay').val(total_multiple+' EURO');
    break;
}
});
}, 1000);
        </script>

Answer 1

你可以试试这个 Jquery：

$('#compnr').on('change', function(){ 
   var items = $("#compnr").tagsinput('items').length;
   price = ''
   if (items == 1){
       price = 100;
   }else{
       price = parseInt(items)*70;
   }
   $('#totalpay').val(price)
});