jquery：选择和取消选择列表框的项目 | 选择和取消选择列表框的项目

本文介绍了jquery：选择和取消选择列表框的项目的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有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：选择和取消选择列表框的项目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！