2013-07-20 2 views
-1

Я создал выпадающий список, и я хочу проверить это. Я борюсь с тем, что делаю выпадающее подтверждение.проверить выпадающий список с помощью jquery

<div class="editor-field"> 
      <% if (ViewData["Country"] != null) { %> 
       <%: Html.DropDownList("Country", "Any")%> 
      <%} else { %> 
       <select id="Country" name="Country"></select> 
      <%} %> 

      <% if (ViewData["State"] != null) { %> 
       <%: Html.DropDownList("State", "Any")%> 
      <%} else { %> 
       <select id="State" name="State"></select> 
      <%} %> 

      <% if (ViewData["City"] != null) { %> 
       <%: Html.DropDownList("City", "Any")%> 
      <%} else { %> 
       <select id="City" name="City"></select> 
      <% } %> 

      <% if (ViewData["Region"] != null) { %> 
       <%: Html.DropDownList("Region", "Any")%> 
      <% } else { %> 
       <select id="Region" name="Region"></select> 
      <% } %> 
     </div> 

Это мой выпадающий код коробки .. Как проверить в jquery?

+0

Какой тип проверки (ы) вы собираетесь применять? –

+0

@ Duk, эй, вы можете сослаться на это http://stackoverflow.com/questions/12467682/jquery-validate-dropdown-list –

+0

Все они выглядят так, будто они могут быть нулевыми, что вы собираетесь проверять. Если вы используете сильно типизированные модели, вы можете включить проверку на стороне клиента и использовать аннотации данных для описания проверки проверки этого руководства http://www.asp.net/mvc/tutorials/mvc-music-store/mvc-music-store-part- 6 – stuisme

ответ

0

Назначьте общий класс всем полям выбора, а затем через этот общий класс получите активные идентификаторы и подтвердите их. Надеюсь, это поможет вам.

0

Использование Jquery, вероятно, является лучшим способом проверки элементов управления HTML.

См эту ссылку для примера и демо validate dropdown using jquery

JS:

$("#btnSubmit").click(function() { 

      if ($("#ddlView :selected").val() == 0) { 
       alert("Please select a Course"); 
      } 
      else { 
       alert("Success !! You have selected Course : " + $("#ddlView :selected").text()); ; 
      } 
     }); 

HTML:

<select id="ddlView"> 
     <option value="0">Select</option> 
     <option value="1">Java Script</option> 
     <option value="2">CSS</option> 
     <option value="3">JQuery</option> 
     <option value="3">HTML</option> 
     <option value="3">C#</option> 
    </select> 

<input type="button" class="btn" value="Submit" id="btnSubmit" /> 
Смежные вопросы