HTML отключить кнопку отправки, если выпадающий параметр не выбран

Question

У меня возникли проблемы с решением проблемы. В принципе, я хотел бы отключить кнопку отправки/сохранения, если пользователь не выбрал значение из раскрывающегося списка, который у меня есть. Когда страница загружается, по умолчанию используется опция «-Select-», но я получаю ошибки сервера, если пользователь забывает фактически выбрать параметр. Единственный способ сделать это, о чем я уже говорил, отключить отправку/сохранение, если они не выбрали значение, и опция «-Выбрать-» по-прежнему выбрана. Какие-либо предложения?

  <tr> 
      <td class="fieldName_td"> 
       @Html.Label("Copy Internal Form Group Actions:")<span class="requiredField">*</span> 
      </td> 
      <td class="fieldData_td"> 
       <div id="form_shower"> 
        <select id="myselect" name="ddlInternalAssociations"> 
         <option value="4" selected="selected">-Select-</option> 
         <option value="1">Remove the association</option> 
         <option value="2">Copy and create new association</option> 
         <option value="3">Maintain the old association</option> 
        </select> 
       </div> 

       <div class="show-hide" name="form_name1" id="form_name1" style="display:none"> 

       </div> 

       <div class="show-hide" name="form_name3" id="form_name3" style="display:none"> 

       </div> 

      </td> 
     </tr> 

     <tr> 
      <td class="fieldName_td"> 
       <div class="show-hide" name="form_name2" id="form_name2" style="display:none"> 
        @Html.Label("Name for newly created internal form group:") 
       </div> 
      </td> 
      <td class="fieldData_td"> 
       <div class="show-hide" name="form_name4" id="form_name4" style="display:none"> 
        <input id="newInternalFormName" name="newInternalFormName" type="text" value="@Model.DetailObject.SuggestedInternalFormName" size="25" /> 
       </div> 
      </td> 
     </tr> 
    } 
    <tr> 
     <td class="fieldName_td"></td> 
     <td class="fieldDataCenter_td"> 

      @Html.HiddenFor(p => p.returnUrl) 
      @Html.HiddenFor(p => p.DetailObject.FormGroupId) 
      @Html.NWFormSubmitButtonFor(model => model, "btn_SaveButton", "Save", "btn_SaveButton", "SaveCollection", "disableOnSubmit") 

     </td> 
    </tr> 

Answer 1

Вы можете использовать JQuery для:

1. На странице тестового значения нагрузки и включить/отключить кнопки отправки

   $(document).ready(function() { 
       var selectedVal = $('#myselect').val(); 
       if(selectedVal == 4) { 
       //disable submit button 
       } else { 
       //enable submit button 
       } 
   });' 
   

2. Трек изменился из выбора, как

   $('#myselect').change(function() { 
       //Check the change and use above logic to disable/enable submit button 
   }); 
   

Конечно, вы можете сгруппировать этот код обычным способом.