Как отключить множественный выбор из списка с помощью 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, браузер отображает его в виде многострочного списка.

Answer 2

Этот скрипт отключит множественный выбор для всех элементов управления на странице.

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