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

Question

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

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

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

Count tagsinput and calculate price based on tags

jquery

bootstrap-tags-input