How to click ActionLink automatically when the dropdown is changes?

Question

I have one dropdown and one actionlink. where this actionlink will be clicked automatically when the dropdown changes. How to do that?. below is my code, thanks.

   @Html.DropDownListFor(model => model.PaymentCode, (List<SelectListItem>)ViewBag.JenisPembayarans, new { @class = "form-control" })
   @Html.ActionLink(
                       "Detail",
                       "GetInsuranceCompany","ParamBlacklistPembayaran",
                       new { id = Model.PaymentCode }, new { @class = "ddlSubmit"})

Controller

public ActionResult GetInsuranceCompany( ParamBlacklistPembayaranViewModel model,string id)
{ 
  LoadThirdPartyDDL(string.Empty, string.Empty, id);
  return View("Create", model);
}

Mannan Bahelim · Accepted Answer · 2019-05-20T08:46:35.470

2

 @Html.DropDownListFor(model => model.PaymentCode, (List<SelectListItem>)ViewBag.JenisPembayarans, new { @class = "form-control",@id="ddl" })


@Html.ActionLink("Detail",
                       "GetInsuranceCompany","ParamBlacklistPembayaran",
                       new { id = "PaymentCodeVal" }, new { @id="anchorclick",@class = "ddlSubmit"})

You should call click event on drop down change like this:

 <script>
        document.getElementById('ddl').onchange = function () {
         var  path =  document.getElementById('anchorclick').href;
                      path = path.replace("PaymentCodeVal", document.getElementById('ddl').value);
                      document.getElementById("anchorclick").href=path; 
                      document.getElementById('anchorclick').click();
    };
 </script>

@NOTE : You want get updated PaymentCode. you have to inject url to pass PaymentCode on change event.

edited May 20 '19 at 08:46

answered May 20 '19 at 04:32

Mannan Bahelim

1,289
1
11
31

it's not working. I make a breakpoint in the controller if actionlink is clicked. but nothing happened. – chaeusang chen May 20 '19 at 06:10
@chaeusangchen read answer carefully. you need to bind ID parameter before calling click event. – Mannan Bahelim May 20 '19 at 06:25
I have already posted an ActionMethod in the code above. @Mannan Bahelim – chaeusang chen May 20 '19 at 06:46
Are you able to hit breakpoint when you directly click on actionlink ? – Mannan Bahelim May 20 '19 at 07:27
it was successful. I missed a word, I'm sorry for that. but I want to ask one more thing. Why parameter `string id` in `ActionResult GetInsuranceCompany` is always null. I take the parameter id from that action link where `id = Model.PaymentCode` – chaeusang chen May 20 '19 at 07:54
you need to bind ID parameter before calling click event – Mannan Bahelim May 20 '19 at 08:40
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/193625/discussion-between-mannan-bahelim-and-chaeusang-chen). – Mannan Bahelim May 20 '19 at 08:46

score 1 · Answer 2 · answered May 20 '19 at 04:37

Assign onchange event in new {} section where you can raise the event of the particular action link by using their id.

@Html.DropDownListFor(model => model.PaymentCode, (List<SelectListItem>)ViewBag.JenisPembayarans, new { @class = "form-control", @id = "MyId", onchange = "MyFunction()" })

<script type="text/javascript">
    function MyFunction() {
        //alert('Changed');
        document.getElementsByClassName("ddlSubmit").click();
        $('#YourLabelId').val('ReplaceWithThisValue');
    }
</script>

References:
Handling onchange event in HTML.DropDownList Razor MVC

it's not working. I make a breakpoint in the controller if actionlink is clicked. but nothing happened — chaeusang chen, May 20 '19 at 06:10

How to click ActionLink automatically when the dropdown is changes?

2 Answers2