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

Question

我的页面中有一个列表框..

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

我需要禁用从列表框中选择多个项目？我正在做一些事情，比如选择一个项目并单击删除按钮我的页面从列表框中删除一个项目..但是如果我选择多个项目它会抛出一条错误消息/.?

谁能帮我解决如何从列表框中停用或禁用多个项目

Answer 1

您可以使用以下 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 会告诉浏览器将其显示为多行列表框。