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

Get List of Multiple Selected Options in Select Box

本文关键字：选项 列表 选择 获取      更新时间：2023-09-26

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

通过拖动鼠标选择项目以

全选项目，单击该项目，或者有各种方法可以选择选择框中的项目，无论是鼠标还是键盘，我正在尝试根据选择框的选择之一显示/隐藏内容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也是我正在检查的一个选项

你可以

使用 jquery inArray方法：

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

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

不确定您要存档的内容，但我想您想获得所有选定的选项，是吗？

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

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

这将返回所有选择的选项

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

相关文章：