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

Question

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

网页表单：

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