Javascript 由于某些原因，使用jQuery附加keyup处理程序不起作用

我试图为不同的操作获取写入的整数值，但它不起作用。但另一页上的类似内容正在正常工作。我怎样才能修好它

HTML代码：

        <div class="row modal-body">
            <div class="col-4">
                <label for="contengencyrate">रकम</label>
            </div>
            <div class="col-7">
                <input type="number" step="any" name="amount" min="0" max="{{buktani_baki}}"  id="amount" value="">

                <!-- <input type="number" id="amount" name="amount" min="0" max="{{total.amount__sum}}" step="any" value=""> -->
            </div>
        </div>

रकम

jquery：

<script src="https://code.jquery.com/jquery-3.4.1.min.js"
    integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script>


$('#amount').keyup(function () {

        var val = $('#amount').val();
        // var total = $("#total").val()
        console.log(val,890898908080);
        console.log(123456);
        // $('#percent').val(rakamTopercent(val, total))
    })


</script>

$（“#金额”）.keyup（函数（）{
var val=$（'金额'）.val（）；
//var总计=$（“#总计”）.val（）
控制台日志（val，890898908080）；
控制台日志（123456）；
//$（'百分比'）.val（rakamTopercent（val，总计））
})

我怎样才能解决这个问题？控制台中没有错误。有时它会显示如下错误：

“其他方法.min.js？9744418426:4未捕获类型错误：无法读取未定义的属性'addMethod'”

---

您正在加载两个不同版本的

jquery

：

只使用1个版本的jquery，版本1.11可能太旧了

---

如果您的脚本在呈现输入元素之前运行-例如，如果脚本是在

head

元素中定义的，它将不会按id找到

输入

在查询和附加侦听器之前，可以等待完整文档准备就绪



//等待解析并加载完整文档
$（文档）.ready（函数（）{
//然后试着找到并找到一个倾听者
$（“#金额”）.keyup（函数（）{
var val=$（“#金额”）.val（）；
//var总计=$（“#总计”）.val（）
控制台日志（val，890898908080）；
控制台日志（123456）；
//$（'百分比'）.val（rakamTopercent（val，总计））
});
});
रकम
我认为您的脚本没有加载，或者CDN中存在一些问题。使用Java脚本获得类似的结果。如。
HTML:

Java脚本代码：

var inputBox = document.getElementById('chatinput');

inputBox.onkeyup = function(){
    document.getElementById('printchatbox').innerHTML = inputBox.value;
}

我认为这是可行的
请给我一些建议我能做什么，这是由于给定的CDN吗？在定义它之前，您为什么要在控制台上记录
val
？您的错误必须在
additional-methods.js文件中
。因为这看起来很干净！使用$（document）.ready（{这里是您的jQuery代码}）在我复制代码时仍然错误地处理了这个问题，它在这里工作正常，但当我复制相同的代码时，它也不适合我。这里的问题是什么。然后代码中的其他内容会产生副作用，我注意到您加载了两次jQuery，并在我的答案中添加了一个更新
.printchatbox 
    {border-width:thick 10px;border-style: solid; 
    background-color:#fff;
    line-height: 2;color:#6E6A6B;font-size: 14pt;text-align:left;float: middle;
    border: 3px solid #969293;width:40%;
     height:2em;   
}

var inputBox = document.getElementById('chatinput');

inputBox.onkeyup = function(){
    document.getElementById('printchatbox').innerHTML = inputBox.value;
}