Pass the value of a dropdown list to a Javascript variable

Question

How do you get a drop down list to control the value of a Javascript variable?

I'm trying to give the option of filtering a table by year, and I want this dropdownlist to change the value of a Javascript variable called yearVariable.

My code:

<%=Html.DropDownList("yearVariable", Model.myArray, new { onchange =javascript:ReloadTable()" })%>

(as you can see, the dropdownlist is created using HTML Helper, getting its values from an array; also I don't want to have to click a submit button.) Thanks!

Are you using any specific javascript framework or just plain javascript? — Joel Purra
– Joel Purra, Commented Feb 9, 2012 at 13:14
MVC. Actually I've kind of worked it out: <%=Html.DropDownList("yearFilter", Model.PossibleYears, new { onchange = "javascript:ReloadTable(this.value)" })%> — JYX
– JYX, Commented Feb 9, 2012 at 13:16

score 3 · Accepted Answer · 2012-02-10 13:56:32Z

3

You are simply just missing a quote in your original code:

<%=Html.DropDownList(
    "yearVariable", 
    Model.myArray, 
    new { onchange = "javascript:ReloadTable()" })%>

Collectives™ on Stack Overflow

Pass the value of a dropdown list to a Javascript variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest