Find control in details view using jQuery RSS

• • Reply
  

  hr3

  Member

  15 Points

  32 Posts

  Find control in details view using jQuery

  Jan 17, 2013 01:32 AM|LINK

  I am trying to find the selected value of drop down list in the insert template of my details view. How can I do that using jQuery?

• • Reply
  

  Rion William...

  All-Star

  26960 Points

  4465 Posts

  Re: Find control in details view using jQuery

  Jan 17, 2013 01:35 AM|LINK

  It depends on the ID of your drop down and your markup in general. Would you mind posting some of your rendered HTML for your details view and / or your drop down?
  Blog | Twitter | Stack Overflow | LinkedIn
  • Edited by Rion Williams on Jan 17, 2013 01:36 AM
• • Reply
  

  BrockAllen

  All-Star

  27512 Points

  4895 Posts

  MVP

  Re: Find control in details view using jQuery

  Jan 17, 2013 01:37 AM|LINK

  $("#theIdOfYourDropDown").val()

  Brock Allen | http://brockallen.com
  DevelopMentor | http://www.develop.com
  thinktecture | http://www.thinktecture.com/
• • Reply
  

  hr3

  Member

  15 Points

  32 Posts

  Re: Find control in details view using jQuery

  Jan 17, 2013 01:42 AM|LINK

  Here is my rendered markup for my drop down list:

  <SELECT id=MainContent_detlView_ddlList class=dropdown name=ctl00$MainContent$detlView$ddlList>
  	<OPTION selected value=0>--Select One--</OPTION>
  	<OPTION value=1>Option A</OPTION>
  	<OPTION value=2>Option B</OPTION>
  </SELECT>

  
  

  • Edited by hr3 on Jan 17, 2013 01:42 AM
• • Reply
  

  Rion William...

  All-Star

  26960 Points

  4465 Posts

  Re: Find control in details view using jQuery

  Jan 17, 2013 01:46 AM|LINK

  You can use the following to get your selected value : 

  $("#MainContent_detlView_ddlList :selected").val()

  Example

  Blog | Twitter | Stack Overflow | LinkedIn
  • Edited by Rion Williams on Jan 17, 2013 01:49 AM
  • Marked as answer by hr3 on Jan 31, 2013 01:25 PM
• • Reply
  

  hr3

  Member

  15 Points

  32 Posts

  Re: Find control in details view using jQuery

  Jan 17, 2013 01:57 AM|LINK

  That works great. But, my java script is firing twice:

  <asp:DropDownList ID="ddlList" runat="server" AutoPostBack="true"
                    CssClass="dropdown"
                    DataSourceID="entityDataSource" DataTextField="Column1" DataValueField="Column2"
  				  onchange="if (stopPostback()) return false;"
  				  OnSelectedIndexChanged="ddlList_SelectedIndexChanged">
                    <asp:ListItem Text="--Select One--" Value="0" Selected="True"></asp:ListItem>
  </asp:DropDownList>

  function stopPostback() {
                  //logic goes here
                  alert("From javascript");
                  if (logic is false)
                      return true;  //true will stop post back
                  else
                      return false; //false will allow post back
              }

  Am I missing some thing here.
  

  • Edited by hr3 on Jan 17, 2013 01:57 AM