Last post Aug 31, 2018 09:17 AM by Yuki Tao
Member
306 Points
1665 Posts
Aug 24, 2018 02:14 PM|grafic.web|LINK
Hi, this is my code :
<label class="select"> @Html.DropDownList("CvPosOcExperience", ViewBag.Data as List<SelectListItem>, new { @class = "wid100x100", onchange = "$(this.form).submit();" }) <i></i> </label>
How to slide down mi select list when i click on my <i> ?
Contributor
2130 Points
916 Posts
Aug 27, 2018 07:58 AM|Yuki Tao|LINK
Hi grafic.web,
grafic.web <label class="select"> @Html.DropDownList("CvPosOcExperience", ViewBag.Data as List<SelectListItem>, new { @class = "wid100x100", onchange = "$(this.form).submit();" }) <i></i> </label> How to slide down mi select list when i click on my <i> ?
I don't quite understand your needs.
Could you please explain it?
<i> and select are separate,how to slide down select list when click on my <i> ?
Like this:
Best Regards.
Yuki Tao
Aug 30, 2018 01:27 PM|grafic.web|LINK
Hi in fact the <i></i> is a :before class in css that show an Arrow down in my dropdownlist..
if i click on it the select does not open.. i need to clicck on the select text in order to show the options value...
so i need a code that allow me to open the select and show the option when i click on the <i></i> (Arrow down)
Aug 31, 2018 09:17 AM|Yuki Tao|LINK
Hi grafic.web
grafic.web the <i></i> is a :before class in css that show an Arrow down in my dropdownlist..
Dropdownlist comes with an arrow.Actually,we do not need to add an extra arrow.
grafic.web so i need a code that allow me to open the select and show the option when i click on the <i></i> (Arrow down)
For DropDownList control dont have cilck event as like button.
We just set its size to make it look like it's open.
For example:
<html> <head id="h1" runat="server"> <script type="text/javascript"> function b1() { var x = document.getElementById("Select1"); x.size = x.options.length; } </script> </head> <body> <div> <i onclick="b1();">></i> <select id="Select1"> <option selected="selected">val1</option> <option>val2</option> <option>val3</option> </select> </div> </body> </html>
How it works:
Member
306 Points
1665 Posts
How to slidown my @Html.DropDownList( when i click on a <i>
Aug 24, 2018 02:14 PM|grafic.web|LINK
Hi, this is my code :
<label class="select"> @Html.DropDownList("CvPosOcExperience", ViewBag.Data as List<SelectListItem>, new { @class = "wid100x100", onchange = "$(this.form).submit();" }) <i></i> </label>How to slide down mi select list when i click on my <i> ?
Contributor
2130 Points
916 Posts
Re: How to slidown my @Html.DropDownList( when i click on a <i>
Aug 27, 2018 07:58 AM|Yuki Tao|LINK
Hi grafic.web,
I don't quite understand your needs.
Could you please explain it?
<i> and select are separate,how to slide down select list when click on my <i> ?
Like this:
Best Regards.
Yuki Tao
Member
306 Points
1665 Posts
Re: How to slidown my @Html.DropDownList( when i click on a <i>
Aug 30, 2018 01:27 PM|grafic.web|LINK
Hi in fact the <i></i> is a :before class in css that show an Arrow down in my dropdownlist..
if i click on it the select does not open.. i need to clicck on the select text in order to show the options value...
so i need a code that allow me to open the select and show the option when i click on the <i></i> (Arrow down)
Contributor
2130 Points
916 Posts
Re: How to slidown my @Html.DropDownList( when i click on a <i>
Aug 31, 2018 09:17 AM|Yuki Tao|LINK
Hi grafic.web
Dropdownlist comes with an arrow.Actually,we do not need to add an extra arrow.
For DropDownList control dont have cilck event as like button.
We just set its size to make it look like it's open.
For example:
<html> <head id="h1" runat="server"> <script type="text/javascript"> function b1() { var x = document.getElementById("Select1"); x.size = x.options.length; } </script> </head> <body> <div> <i onclick="b1();">></i> <select id="Select1"> <option selected="selected">val1</option> <option>val2</option> <option>val3</option> </select> </div> </body> </html>How it works:
Best Regards.
Yuki Tao