Как автоматически щелкнуть ActionLink при изменении выпадающего списка?

Question

У меня есть один выпадающий и один actionlink.где эта ссылка будет автоматически нажиматься при изменении раскрывающегося списка.Как это сделать?.ниже мой код, спасибо.

   @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"})

Контроллер

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

Answer 1

 @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"})

Вы должны вызвать событие щелчка при изменении выпадающего меню следующим образом:

 <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>

@ ПРИМЕЧАНИЕ: Требуется обновить PaymentCode.Вы должны ввести URL для передачи PaymentCode при изменении события.

Answer 2

Назначьте событие onchange в новом разделе {}, где вы можете вызвать событие для конкретной ссылки действия, используя их идентификатор.

@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>

Ссылки:
Обработка события обмена в HTML.DropDownList Razor MVC