我制作的脚本不起作用，我找不到问题

Question

首先，抱歉，我知道下一个代码是错的，我是编程新手，我遇到了问题。当用户从Select中选择一个选项时，它必须改变一个值，然后，用户必须写一个数字的价格，该值必须不高于之前的值，这里是脚本应该行动但不起作用的时候。正确的代码必须是这样的：

<script>
function cboc(){ 
        var cb = $("#cbotipfon").val();
        var maxvalGORE = null;

        if(cb == 0){
            maxvalGORE = 0;
        if(cb == 15){
            maxvalGORE = 100;       
        }
        if(cb == 16){
            maxvalGORE = 200;
        }
} 

function cbocc(){ 
    var val = null;
    var x = document.GetElementById('txtprepos').value;

    val = parseInt(x); 

    if(val > maxvalGORE){
    alert('The value is higher than $' + maxvalGORE +'.'); 
    document.GetElementById('txtprepos').value = "";
    }    
}    
</script>

<select style="width=5.5em;" name="cbotipfon" id="cbotipfon" onchange="cboc()">
                    <option value="0">Select</option>                                      
                            <option value="15">Option A</option>
                            <option value="16">Option B</option>                                  
                </select>

<input type="number" onblur="cbocc()" name="txtprepos" id="txtprepos"/>

几天来我一直在处理这个问题。如果你能帮助我，我将永远感激不尽。提前致谢，并花时间。

Answer 1

这是一个简单的例子。无需声明任何功能。只需正确声明变量并使用addEventListener方法获取input和select元素的值。

var maxvalGORE ,val ,cb ,x = null;
document.getElementById("cbotipfon").addEventListener("change", function(){
        var cb = document.getElementById('cbotipfon').value;
        if(cb == 0){
            maxvalGORE = 0;
            }
        if(cb == 15){
            maxvalGORE = 100;       
        }
        if(cb == 16){
            maxvalGORE = 200;
        }
});

document.getElementById("txtprepos").addEventListener("change", function(){
    x = document.getElementById('txtprepos').value;
    val = parseInt(x); 
    if(val > maxvalGORE){
    alert('The value is higher than $' + maxvalGORE +'.'); 
    } else if(val == maxvalGORE) {
    alert('The value is equal to $' + maxvalGORE +'.');     
    } else {
    alert('The value is lower than $' + maxvalGORE +'.');    
    }
    document.getElementById('txtprepos').value = ""; 
});

<select style="width=5.5em;" name="cbotipfon" id="cbotipfon">
                    <option value="0">Select</option>                                      
                            <option value="15">Option A</option>
                            <option value="16">Option B</option>                                  
                </select>

<input type="number" name="txtprepos" id="txtprepos"/>