ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Reset Bootstrap style DropDownList option value in ASP.Net using jQuery<p>Check the below sample code for your reference and Implement the Code as Per your code logic.</p> <p><span style="text-decoration: underline;"><strong>HTML</strong></span> </p> <pre class="brush: html">&lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt; &lt;head runat=&#34;server&#34;&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form id=&#34;form1&#34; runat=&#34;server&#34;&gt; &lt;div class=&#34;form-group&#34;&gt; &lt;div class=&#34;col-md-12&#34;&gt; &lt;asp:Label ID=&#34;Label1&#34; runat=&#34;server&#34; CssClass=&#34;control-label col-md-1&#34; Text=&#34;Marca:&#34;&gt;&lt;/asp:Label&gt; &lt;div class=&#34;col-md-2&#34;&gt; &lt;asp:DropDownList ID=&#34;ddlMarca&#34; runat=&#34;server&#34; CssClass=&#34;form-control selectpicker validate[required]&#34; data-show-subtext=&#34;true&#34; data-live-search=&#34;true&#34;&gt; &lt;asp:ListItem Value=&#34;&#34;&gt;Please select&lt;/asp:ListItem&gt; &lt;asp:ListItem Value=&#34;1&#34;&gt;Mango&lt;/asp:ListItem&gt; &lt;asp:ListItem Value=&#34;2&#34;&gt;Apple&lt;/asp:ListItem&gt; &lt;/asp:DropDownList&gt; &lt;/div&gt; &lt;div class=&#34;col-md-2&#34;&gt; &lt;asp:DropDownList ID=&#34;ddlFruits&#34; runat=&#34;server&#34;&gt; &lt;asp:ListItem Value=&#34;&#34;&gt;Please select&lt;/asp:ListItem&gt; &lt;asp:ListItem Value=&#34;1&#34;&gt;Mango&lt;/asp:ListItem&gt; &lt;asp:ListItem Value=&#34;2&#34;&gt;Apple&lt;/asp:ListItem&gt; &lt;/asp:DropDownList&gt; &lt;/div&gt; &lt;div class=&#34;col-md-7&#34;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;form-group&#34;&gt; &lt;div class=&#34;col-md-12&#34;&gt; &lt;div class=&#34;col-md-2&#34;&gt; &lt;input type=&#34;button&#34; id=&#34;btnReset&#34; value=&#34;Reset&#34; class=&#34;btn btn-default&#34; /&gt; &lt;/div&gt; &lt;div class=&#34;col-md-10&#34;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;br /&gt; &lt;br /&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css&#34; /&gt; &lt;link href=&#34;ValidationEngine.css&#34; rel=&#34;stylesheet&#34; type=&#34;text/css&#34; /&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/css/bootstrap-select.css&#34; /&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/bootstrap-select.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;http://cdn.ucb.org.br/Scripts/formValidator/js/languages/jquery.validationEngine-en.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdnjs.cloudflare.com/ajax/libs/jQuery-Validation-Engine/2.6.4/jquery.validationEngine.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; $(function () { $(&#34;#form1&#34;).validationEngine(&#39;attach&#39;, { promptPosition: &#34;topRight&#34; }); $(&#34;#btnReset&#34;).bind(&#34;click&#34;, function () { $(&#34;#ddlFruits&#34;)[0].selectedIndex = 0; $(&#39;#ddlMarca option&#39;).prop(&#34;selected&#34;, false).trigger(&#39;change&#39;); }); }); &lt;/script&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </pre> <p><span style="text-decoration: underline;"><strong>Screenshot</strong></span></p> <p><span style="text-decoration: underline;"><strong><img src="https://i.imgur.com/9YI75Cn.gif" alt="" width="319" height="179" /></strong></span></p>https://www.aspforums.net:443/Threads/274273/Reset-Bootstrap-style-DropDownList-option-value-in-ASPNet-using-jQuery/https://www.aspforums.net:443/Threads/274273/Reset-Bootstrap-style-DropDownList-option-value-in-ASPNet-using-jQuery/Thu, 22 Feb 2018 23:35:32 GMTReset Bootstrap style DropDownList option value in ASP.Net using jQuery<blockquote><cite>jmontano says:</cite> <div class="line number314 index313 alt1"><code class="html spaces">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="html plain">$("#btnReset").bind("click", function () {</code></div> <div class="line number315 index314 alt2"><code class="html spaces">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp;</div> <div class="line number316 index315 alt1"><code class="html spaces">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="html plain">$('#ddlMarca option').prop("selected", false).trigger('change');</code></div> <div class="line number317 index316 alt2"><code class="html spaces">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="html plain">});</code></div> </blockquote> <p>If above script code not working then try by below script code to clear bootstrap selectpicker dropdown. </p> <pre class="brush: js">$(&#34;#btnReset&#34;).bind(&#34;click&#34;, function () { $(&#39;.bootstrap-select .filter-option&#39;).text($(&#34;select[name=ddlMarca] option[value=&#39;&#39;]&#34;).text()); });</pre> <p>&nbsp;</p>https://www.aspforums.net:443/Threads/274273/Reset-Bootstrap-style-DropDownList-option-value-in-ASPNet-using-jQuery/https://www.aspforums.net:443/Threads/274273/Reset-Bootstrap-style-DropDownList-option-value-in-ASPNet-using-jQuery/Thu, 01 Mar 2018 00:37:55 GMT