java - 检测 JSP 中的下拉更改？

Question

在 jsp 中，是否有任何属性可以提供下拉列表中的值已更改的信息？

说例子：

我有下拉国家/地区 - 在页面加载时，下拉列表中有“美国”，我将更改为“英国”，然后再次更改为“美国”。在这种情况下，我没有做任何更改，所以我没有什么要保存的，但是如果我点击保存按钮，我的页面就会被提交。有没有办法避免这个页面提交。？

Answer 1

是的。但你必须使用javascript，而不是jsp。示例代码

html:

<form class="checked">
    <input type="hidden" id="countrySelectInitial" value="UK" /> <!-- we need this element to store initial value --> 
    <select name="country" class="checkedInput" id="countrySelect">
        <option value="US">US</option>
        <option value="UK" selected>UK</option>
    </select>
    <input type="submit" class="submitButton" disabled />
</form>

js：

$(".checkedInput").change(function() {
    var newValue = $(this).val();
    var idValue = $(this).attr('id'); // we need id to retrieve initial value. Initial value is stored in element with id <id>Initial
    var oldValue = $("#" + idValue + "Initial").val();
    if(newValue === oldValue) {
            // if value don't changed - disable button. user have no possibility to submit form
        $(this).parents("form.checked").find(".submitButton").attr("disabled", true);
    } else {
            // if value changed - remove "disabled" attribute. User can click button and submit form
        $(this).parents("form".checked).find(".submitButton").removeAttr("disabled");
    }
});