Add style to html.dropdownlist when using javascript function on change

Question

I want to add background color to this drop down.. how can I do this.. I tried adding new{style="background-color: #fff;"} to the below code.. but this does not seem to working..

     <%=Html.DropDownList("dd", 
                       new List<SelectListItem>
         {
            new SelectListItem{ Text="dd1", Value = "dd1" }, 
            new SelectListItem{ Text="dd2", Value = "dd2" }

         }
                            , new { onchange = "jsfunc()" } 


         )%>

I tried:

     <%=Html.DropDownList("dd", 
                       new List<SelectListItem>
         {
            new SelectListItem{ Text="dd1", Value = "dd1" }, 
            new SelectListItem{ Text="dd2", Value = "dd2" }

         }
                            , new { onchange = "jsfunc()" }
                            , new {style="background-color: #fff;"}


         )%>

xivo · Accepted Answer · 2012-05-10 16:03:34Z

3

You should avoid using inline styles. I suggest creating a class and the syntax would be

new { @class = "yourclass", @onchange = "jsfunc()" }

edited May 10, 2012 at 16:03

answered May 10, 2012 at 15:51

xivo

2,0543 gold badges22 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

PK2016 Over a year ago

This does not work.. I replaced my last line of code with yours and it does not seem to recognize the fourth argument for html.dropdownlist..

xivo Over a year ago

This is likely because you have ` , new { onchange = "jsfunc()" } ` try ` new { @onchange = "jsfunc()", @class = "yourclass" } ` However, I suggest that you use external javascript as Null mentioned in his answer.

marteljn · Accepted Answer · 2012-05-10 16:00:15Z

1

I think you had a syntax error, new {@style = "background-color: #fff"}, but you should use a class instead.

Edit

new { @onchange = "jsfunc()", @style = "background-color: #fff"}

edited May 10, 2012 at 16:00

answered May 10, 2012 at 15:52

marteljn

6,5263 gold badges32 silver badges44 bronze badges

8 Comments

PK2016 Over a year ago

problem is it does not seem to recognize the fourth argument for html.dropdownlist.. even if I use class instead of style.. I get error.

marteljn Over a year ago

See my edit, does that resolve it? You can pass one or more attributes.

PK2016 Over a year ago

This does not change the background color immediately. I have to click on the drop down to see the color? why is that

marteljn Over a year ago

Could you post the rendered HTML?

PK2016 Over a year ago

|

Collectives™ on Stack Overflow

Add style to html.dropdownlist when using javascript function on change

2 Answers 2

2 Comments

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related