How to slidown my @Html.DropDownList( when i click on a <i> RSS

3 replies

Last post Aug 31, 2018 09:17 AM by Yuki Tao

‹ Previous Thread|Next Thread ›

Shortcuts

Related Links

grafic.web

Member

312 Points

1703 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> ?

Your wish is your command!!!

- Reply
Yuki Tao
Contributor

3710 Points

1431 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,
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
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
- Reply
grafic.web
Member

312 Points

1703 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)

Your wish is your command!!!
- Reply
Yuki Tao
Contributor

3710 Points

1431 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

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:

Best Regards.

Yuki Tao
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.