Question

I have the following code on a view:

@using (Html.BeginForm()) {

    <div class="select-box form">
        <p>
            <strong>Select transcript name to view:</strong>
            @Html.DropDownList("license", (SelectList)ViewBag.Licenses, new { onchange = "this.form.submit();" })
        </p>
    </div>
    <div class="select-box form">
        <p>
            <strong>You may have multiple periods for each transcript name:</strong>
            @Html.DropDownList("period", (SelectList)ViewBag.Periods, new { onchange = "this.form.submit();" })
        </p>
    </div>
}

I need to implement some logic depending on which dropdown cause the postback. I’m thinking to add a hidden input and set value of the control name by jQuery before submit the form, but I’m wondering if there is a ‘native’ way to do this.

This is my controller signature:

public ActionResult Checklist(int license, int period) 

Thanks in advance!

Answer 1

I would apply a class to the dropdown so that my jQuery can use that as the selector criteria

 @Html.DropDownList("license", (SelectList)ViewBag.Licenses, new { @class="mySelect"})
 @Html.DropDownList("period", (SelectList)ViewBag.Periods, new { @class="mySelect"})
 <input type="hidden" id="source" name="source" value="" />

And the script is

$(function(){

 $(".mySelect").change(function(){
   var itemName=$(this).attr("name");
   $("#source").val(itemName);
    $("form").submit()
 });

});