Question

我正在执行一个功能，我在显示一个多重选择框，它显示选择框中的项目，有些出现已经选择，我想要做的是;

通过拖动鼠标选择全部来选择所有项目，点击该项目，或者我们可以通过所有方式选择选择框中的项目，无论是鼠标还是键盘。我试图显示/基于选择框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代码：

function checkASelection() {
        var thisVal = document.getElementById('assignType').value;
        alert(thisVal);
        if(thisVal == 'MD') {
            document.getElementById('annsection').style.display='block';
        }
    }

想要在javascript中，但jquery也是我检查的选项

Answer 1

不确定你想要什么，但我想你想得到所有选择的选项，对吗？

如果是这样，你可以在JQuery中做这样的事情：

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

这将返回所有选择的选项

这是一个小提琴：http://jsfiddle.net/gya6mwmb/3/

Answer 2

您可以使用jquery inArray方法：

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

获取选择框中的多个选定选项列表

2 个答案:

工作小提琴：http://jsfiddle.net/robertrozas/voknxtL0/3/