Javascript 在“选择”框中获取多个选定选项的列表

我正在做一个功能，我正在显示一个multile选择框，它显示选择框中的项目，有些项目显示为已选择，我正在尝试做的是

通过拖动鼠标来选择所有项目，单击项目，或者我们可以通过各种方式在选择框中选择项目，无论是鼠标还是键盘。我试图根据选择框中的一个选项显示/隐藏内容，该选项为

MD

。在第页，我正在尝试，如果选择了

MD

，它应该保持

div

打开

这是我的尝试，但我失败了，因为我在javascript方面的知识非常少，如果有人能给我指出正确的方向，那就太好了

以下是我的尝试：

<select id="assignType" onChange="checkASelection()" size="5" name="assignType" class="inputMultiLong" multiple>        
                                <option value="M">List 1</option>
                                <option value="MS">List 2</option>
                                <option value="MD">List 3</option>
                            </select>   

<div class="tabRow" id="annsection" style="display:none;">
my code here 
</div>

---

想要在javascript中使用jquery，但我正在检查jquery也是一个选项，我不确定您要归档什么，但我想您希望获得所有选定的选项，是吗

如果是这样，您可以在JQuery中执行如下操作：

$('select#assignType').val();

这将返回您选择的所有选项

---

这里有一个提示：

您可以使用jquery

inArray

方法：

$(function(){
$("#assignType").click(function(){
    var indice = $.inArray("MD",$(this).val()) ;   
    if(indice == -1){
        $("#annsection").hide();
    }
    else{
         $("#annsection").show();
    }
});
});

---

工作提琴：几乎接近边缘，你可以尝试同样的javascript，因为我尝试的方式是，如果我用鼠标或键盘选择，当MD被选中时，它应该总是显示div，当我选择all时，我看到它以列表的形式出现，而且如果我刷新页面，我如何检测已经选择的是否是MD，我已经更新了提琴，但是我仍然不知道你想做什么对不起。也许updatet小提琴会帮你一点忙。页面刷新后，无法检查是否已经选择了

MD

，除非您正在数据库/cookie中保存select元素的状态或其他内容。在我这样做时，我正在数据库中保存状态，您能否指导我如何解释这一切超出了范围。但是有足够多的教程如何做到这一点：）如果我通过选择MD保存页面，然后再次返回到同一页面，我看到MD项目被选中，但在这种情况下，div不会显示，基本上它应该显示，都很好，我想这是导致我们遇到的最后一个问题，否则我们都很好。。。

$(function(){
$("#assignType").click(function(){
    var indice = $.inArray("MD",$(this).val()) ;   
    if(indice == -1){
        $("#annsection").hide();
    }
    else{
         $("#annsection").show();
    }
});
});