Databases
StackOverflow2013
Postsdbo
POAfter applying style on dropdown, OnSelectedIndexChanged not working
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POAfter applying style on dropdown, OnSelectedIndexChanged not working
    text
    copied!<p>I have applied script on dropdownlist for stylish look and style is applied properly ,but in .cs page(code page) OnSelectedIndexChanged of dropdownlist is not working properly.</p> <p><strong>My html code is :</strong> </p> <pre><code>&lt;link href="css/screen.css" rel="stylesheet" media="screen" type="text/css" title="default"/&gt; &lt;script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function () { $('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;asp:DropDownList ID="ddprice" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddprice_SelectedIndexChanged" class="styledselect_form_1"&gt; &lt;asp:ListItem Value="0"&gt;BY PRICE&lt;/asp:ListItem&gt; &lt;asp:ListItem Value="1"&gt;Low to High&lt;/asp:ListItem&gt; &lt;asp:ListItem Value="2"&gt;High to Low&lt;/asp:ListItem&gt; &lt;/asp:DropDownList&gt; &lt;/body&gt; </code></pre> <p><strong>My source code is:</strong></p> <pre><code>protected void ddprice_SelectedIndexChanged(object sender, EventArgs e) { Response.Redirect("index.aspx"); } </code></pre> <p><strong>And my script in css class name screen.css is</strong></p> <pre><code>/* STYLED Dropdown*/ div.selectbox-wrapper2 { background-color: #e3e3e3; border: none; border-bottom: none; margin: 0px; margin-top: 0px; max-height: 200px; overflow: auto; padding: 0px; position: absolute; text-align: left; width: 400px; } div.selectbox-wrapper2 ul { list-style-type: none; margin: 0px; padding: 0px; } div.selectbox-wrapper2 ul li.selected2 { background-color: #94b52c; color: #fff; } div.selectbox-wrapper2 ul li.current2 { background-color: #94b52c; color: #fff; } div.selectbox-wrapper2 ul li { border-bottom: none; color: #393939; cursor: pointer; display: block; font-size: 12px; line-height: 12px; list-style-type: none; margin: 0; padding: 6px 2px 6px 10px; } .styledselect_form_1 { background: url(../images/price-2.jpg) left no-repeat; border: none; border-left: none; color: #393939; cursor: pointer; display: block; font-family: Arial; font-size: 12px; height: 24px; margin: 0px 0px 0px 0px; padding: 7px 0 0 6px; text-align: left; width: 192px; } </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload