jquery 如何防止多选框清除已选中的项目?

6ojccjat  于 2022-11-28  发布在  jQuery
关注(0)|答案(1)|浏览(138)

我有一个多选下拉菜单,它在页面加载时选择了以前选择的项目。当用户在框中单击而不按住ctrl键时,这些项目将被取消选择。我如何防止这种情况。我已经尝试了各种选项,包括下面最简单的选项。它会发出警告,但仍然清除项目,只有用户单击的项目被突出显示。我“我试图防止用户点击并清除存储在数据库中的先前项目,如果他们点击而不按住ctrl键,这些项目将突出显示。

$(document).ready(function() {
     $("#selectID").click(function(e){
        e.preventDefault();
        alert("here");              
    });
});
flvlnr44

flvlnr441#

为了解决这个问题,我使用了下面的代码来收集页面加载时的选定值,然后在第一次单击时,用收集的值加载下拉列表。单击的项目将被忽略,但用户可以在此之后开始使用select,就像它正常工作一样。

$(document).ready(function() {
    var vals = $("#selectID").val();
    var x = 0;
    $("#selectID").click(function(){
        x = x + 1
        if (x <= 1){
            $('#selectID').val(vals);
        }
    });
});

相关问题