如何使用jquery禁用列表框中的多项选择？还是javascript？

Posted 2021-04-13

我的页面上有一个列表框。

<td><%=html.ListBox("listServiceTypes", Model.ServiceTypeListAll, new { style = "width: 500px;height:200px;" })%>

我需要禁用从列表框中选择多个项目？我正在做类似选择一项的操作，然后单击删除按钮在页面上从列表框中删除一项。

任何人都可以帮助我如何停用或禁用列表框中的多个项目

我的页面上有一个列表框。

我需要禁用选择多个...] >>

您可以

使用以下jQuery：

$(function(){
  $("select[name='listServiceTypes']").removeAttr('multiple');
});
但是，最好在服务器端执行此操作。与其使用Html.ListBox，不如使用Html.DropDownList：
<%=Html.DropDownList("listServiceTypes", 
                Model.ServiceTypeListAll, 
                new { style = "width: 500px;height:200px", size=4 }); %>
这无需执行任何jQuery / javascript来删除multiple属性，因为它产生几乎相同的HTML，但没有multiple属性。 size的值大于1会告诉浏览器将其显示为多行列表框。

此脚本将关闭页面上所有选择控件的多项选择。

<script type="text/javascript">
    $(document).ready(function () {
        $('select').removeAttr('multiple');
    });
</script>

我想获得一个带有单选而不是下拉列表的列表框。这正是我的意思。基本上，将ListBoxFor添加为大小> 1，然后使用jQuery删除多选。

JS部分：

<script type="text/javascript">
    $(function () {
        $(document).ready(function () {
            $('.NoMultiSelect').removeAttr('multiple');
        });
    });
</script>
html部分：
@Html.ListBoxFor(m => Model.SelectedItems, Model.AllItems, new {  @class = "NoMultiSelect form-control", size = 4, style = "width: 250px; height: 300px;" })

答案

您可以

另一答案

此脚本将关闭页面上所有选择控件的多项选择。

另一答案

我想获得一个带有单选而不是下拉列表的列表框。这正是我的意思。基本上，将ListBoxFor添加为大小> 1，然后使用jQuery删除多选。