ASP.NET Dropdown passing null value to controller action

Question

I have html dropdown

@using (Html.BeginForm("SetCulture", "Home"))
{
    <fieldset>
        <select id="lngSelect" class="form-control">
            <option name="culture" id="en-us" value="en-us">Eng</option>
            <option name="culture" id="es" value="es">Es</option>
            <option name="culture" id="ar" value="ar">Ar</option>
        </select>
    </fieldset>
}

jquery script

<script type="text/javascript">
    (function ($) {
        $("#lngSelect").change(function () {
            $(this).parents("form").submit(); // post form
        });
    })(jQuery);

and controller action

public ActionResult SetCulture(string culture)
{
    ...
}

I need to pass value selected option to controller, but value passed is null instead of en-us, es, ar... I have tried to change name of controller parameter to "id" and "value", but still it's null in controller..

Can someone help me solve this?

Alex Art. · Accepted Answer · 2015-10-18 10:50:00Z

2

name attribute should be on select itself and not on option:

<select name="culture" id="lngSelect" class="form-control">
  <option  id="en-us" value="en-us">Eng</option>
  <option  id="es" value="es">Es</option>
  <option  id="ar" value="ar">Ar</option>
</select>

answered Oct 18, 2015 at 10:50

Alex Art.

8,7813 gold badges32 silver badges50 bronze badges

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

Comments

user3559349 · Accepted Answer · 2015-10-18 10:50:12Z

1

Your <select> does not have a name attribute so there is no name/value pair to submit. Change it to

<select id="lngSelect" name="culture" class="form-control">
    ....
</select>

answered Oct 18, 2015 at 10:50

user3559349

Collectives™ on Stack Overflow

ASP.NET Dropdown passing null value to controller action

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related