Блог

Главная - Вопросы по программированию - как отключить выпадающий список на основе другого выбранного значения в ASP.NET MVC

как отключить выпадающий список на основе другого выбранного значения в ASP.NET MVC

#asp.net-mvc-4

#asp.net-mvc-4

Вопрос:

 <tr>
    <td class="einput">Admission Type :</td>
    <td class="einput">
        @Html.DropDownListFor(model => model.Adm_Type_LSeq, (SelectList)ViewBag.lstAdmType, String.Empty, new { @class = "drpclass" })
    </td>
    <td class="einput">Hostel Name :</td>
    <td class="einput">
        @Html.DropDownListFor(model => model.Hostel_Seq, (SelectList)ViewBag.lstHostel, String.Empty, new { @class = "drpclass" })
    </td>
</tr>.

это мой код в html5 … в этом типе допуска есть два значения «hosteller» и «dayscholar» когда я выбираю тип допуска в качестве dayscholar, выпадающий список имени хостела должен быть отключен, затем я выбираю тип допуска в качестве выпадающего списка имени хостела hosteller. должно быть включено.
это только мое требование .. пожалуйста, помогите мне кто-нибудь .. заранее спасибо.

Ответ №1:

Попробуйте это :

Jquery

 $(document).ready(function () {

       if ($("#Select1").val() == "dayscholar") 
        {
          $("#Select2").attr('disabled','disabled');
        }
        else
        {
          $("#Select2").removeAttr('disabled');
        }


         $("#Select1").change(function () {

         if ($(this).val() == "dayscholar") 
         {

          $("#Select2").attr('disabled','disabled');
         }
             else
             {
              $("#Select2").removeAttr('disabled');
             }
         });
    });

код cshtml :

  <tr>
                        <td class="einput">Admission Type :
                        </td>
                        <td class="einput">
                            @Html.DropDownListFor(model => model.Adm_Type_LSeq, (SelectList)ViewBag.lstAdmType, String.Empty, new { @class = "drpclass" ,@id="Select1" })
                        </td>
                        <td class="einput">Hostel Name :
                        </td>
                        <td class="einput">
                            @Html.DropDownListFor(model => model.Hostel_Seq, (SelectList)ViewBag.lstHostel, String.Empty, new { @class = "drpclass",@id="Select2" })
                        </td>
               </tr>

Демонстрация: http://jsfiddle.net/Vx7H8 /

Комментарии:

1. он работал правильно, но в моем случае не только функция изменения… поскольку я использовал вышеупомянутую страницу cshtml в качестве страницы редактирования в своей форме, поэтому, когда когда-либо вводится тип приема как dayscholar, он должен отключать название хостела, поэтому, пожалуйста, расскажите об этом подробнее…..

2. проверьте это сейчас, я внес изменения в jquery

3. Приветствую @vaitheesh