jquery：选择和取消选择列表框的项目 [英] jquery: select and unselect items of listbox

问题描述

我有2个列表框（在HTML中选择）在ASP.NET页面中。我希望当一个list1项目被选中时，list2中的选定项目被取消选择，反之亦然。

2个选项是相互排斥的。

我该怎么办？

  $（function（）{
 var list1 = $（＃listbox1）; 
 var list2 = $（＃listbox2）; 
 
 list1.change（function（）{
 $（option，list2）.attr（'selected'，false）; 
 $）
 
 list2.change（function（）{
 $（option，list1）.attr（'selected'，false）; 
} ）; 
}）; 
  

I have 2 listboxes (select, in HTML) in a ASP.NET page. I want that when one item of list1 is selected, the selected item in list2 is unselected, and viceversa.

The 2 selects are mutually exclusive.

How can I do?

解决方案

$(function() {
    var list1 = $("#listbox1");
    var list2 = $("#listbox2");

    list1.change(function() {
        $("option", list2).attr('selected', false);
    });

    list2.change(function() {
        $("option", list1).attr('selected', false);
    });
});

这篇关于jquery：选择和取消选择列表框的项目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！