如何使用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 的值会告诉浏览器将其显示为多行列表框.