在javascript的追加（输入）中使用onkeyup

Question

 var tvalue = [];
  function add_purchase(value){

    if (value in tvalue) {

        return 0;
    }else{  
        tvalue.push(value);
    }
    var obj = document.getElementById('item');
    var item  = obj.options[obj.selectedIndex].text;


    $('#show_item').append(' <tr class="warning" >'+
                               ' <td class="title-text">'+
                                 item+
                               ' </td> '+
                               ' <td class="title-text">'+
                                   ' <input type="hidden" value="'+value+'" name="item_id[]">'+
                               ' </td>'+
                               ' <td class="title-text">'+
                                   ' <input type="text" id="txt2" name="quantity[]">'+
                               ' </td>'+
                               ' <td class="hidden-xs"> '+
                                   ' <input type="text" name="price[]">'+
                                '</td>'+
                               ' <td class="hidden-xs" > '+
                                    '<p> the total of every caculate must be here </p>'+
                               ' </td>'+


                           ' </tr>');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
                        <label class="control-label col-md-3">Items
                            <span class="required"> * </span>
                        </label>
                        <div class="col-md-5">
                            <select class="form-control select2me" id="item" 
                               onchange="add_purchase(this.value)">

                                <option value=""></option>
                                    @foreach($items as $item)
                                        <option value="{{ $item->id }}"> {{ $item->name }} </option>
                                     @endforeach
                            </select>

                            </select>
                        </div>
                    </div>

                    <hr>


                    <table class="table table-striped table-hover">
                        <thead>
                            <tr class="active">

                                <th  colspan="2" class="hidden-xs"> Material </th>
                                <th class="hidden-xs" style="width:10%">Quantity </th>
                                <th class="hidden-xs" style="width:10%">Price</th>
                                <th class="hidden-xs" style="width:10%">Total</th>
                            </tr>
                        </thead>
                        <tbody id="show_item">

                        </tbody>
                        <tfoot>
                            <tr class="success">
                                <th colspan="2">Total</th>
                                <th class="ltr" style="text-align:center"></th>
                                <th class="ltr" style="text-align:left">($)</th>
                                <th class="ltr" style="text-align:center"></th>
                            </tr>
                        </tfoot>
                    </table>

有一个项目下拉列表，我们可以根据需要选择任意数量的项目，每个项目都有价格、数量和总数。我在这里想要的是制作一个实时生成（价格*数量）并将结果汇​​总的函数，但不知道如何在附加中编写 onkeyup 或任何类似 onkeyup 的方法。 提前感谢您的帮助。

Answer 1

尝试将this.value 更改为$(this).val()