Javascript 如何在使用Jquery单击按钮时删除选定的Listbox项?

Javascript 如何在使用Jquery单击按钮时删除选定的Listbox项?,javascript,jquery,asp.net,listbox,Javascript,Jquery,Asp.net,Listbox,我有两个Asp列表框,分别称为lstLeft和listRowField。当用户从1stLeft中选择项目并单击按钮时,它将移动到另一个listbox listRowField,但受限制,某些项目不应移动 到目前为止,我已经做了,代码运行良好。当用户选择受限制的项目并单击按钮时,应再次取消选择所选项目 不允许移动1stLeft中的TotalQuantity。显示警报消息后,1stLeft中的选择颜色应删除 我试过这个代码,但不起作用 $('#rightRow').click(function ()

我有两个Asp列表框,分别称为lstLeft和listRowField。当用户从1stLeft中选择项目并单击按钮时,它将移动到另一个listbox listRowField,但受限制,某些项目不应移动

到目前为止,我已经做了,代码运行良好。当用户选择受限制的项目并单击按钮时,应再次取消选择所选项目

不允许移动1stLeft中的TotalQuantity。显示警报消息后,1stLeft中的选择颜色应删除

我试过这个代码,但不起作用

$('#rightRow').click(function () {       

    var options = $("[id*=lstLeft] option:selected");

    for (var i = 0; i < options.length; i++) {
        if ($(options[i]).val() === 'TotalQuantity' || $(options[i]).val() === 'ExtendedPrice' || $(options[i]).val() === 'ExtendedCost' || $(options[i]).val() === 'Profit') {

            alert($(options[i]).val() + " is not allowed to Data Field");

            //I tried these TWO CODES. But it doesn't work.

            //$('.multiselectOptions:selected', this).remove();
            $("#lstLeft option[value=" + $(options[i]).val() + "]").attr("selected", false);
        }
        else {
            var opt = $(options[i]).clone();

            $(options[i]).remove();
            $("[id*=listRowField]").append(opt);
        }
    }
}
更新

我正在使用此代码进行多重选择。这是不是让我对取消选择错了

谢谢你试试这个

$('option:selected', this).remove();

你在:hover时添加了一些颜色吗?@SilentCoder没有。那它是怎么变颜色的?@SilentCoder我没有设置任何颜色。当用户选择该项时,将设置该颜色。当我在选择列表项后看到控制台时,代码中未选择该项。你明白我在说什么吗?然后试试$'option:active',this.remove;对你可以在点击事件中使用它,比如$this.prop'selected',false;
$('option:selected', this).remove();