Onchange event для html.dropdownlist

Ответ 1

Вы можете сделать это

@Html.DropDownList("Sortby", new SelectListItem[] { new SelectListItem() 
  { 

       Text = "Newest to Oldest", Value = "0" }, new SelectListItem() { Text = "Oldest to Newest", Value = "1" } , new
       {
           onchange = @"form.submit();"
       }
})

Ответ 2

Если вы не хотите jquery, вы можете сделать это с помощью JavaScript: -

@Html.DropDownList("Sortby", new SelectListItem[] 
{ 
     new SelectListItem() { Text = "Newest to Oldest", Value = "0" }, 
     new SelectListItem() { Text = "Oldest to Newest", Value = "1" }},
     new { @onchange="callChangefunc(this.value)" 
});

<script>
    function callChangefunc(val){
        window.location.href = "/Controller/ActionMethod?value=" + val;
    }
</script>

Ответ 3

@Html.DropDownListFor(m => m.State,
              new SelectList(ViewBag.StateList, "StateId", "StateName"),
              "Select state",
              new { @class = "form-control", @onchange="FillCity()" })



function FillCity() {
    var stateId = $('#State').val();
    $.ajax({
        url: '/Employees/FillCity',
        type: "GET",
        dataType: "JSON",
        data: { State: stateId},
        success: function (cities) {                    
            $("#City").html(""); // clear before appending new list 
            $.each(cities, function (i, city) {
                $("#City").append(
                    $('<option></option>').val(city.CityId).html(city.CityName));
            });
        }
    });
  }

Ответ 4

Вы можете попробовать это, если передаете значение методу действия.

@Html.DropDownList("Sortby", new SelectListItem[] { new SelectListItem() { Text = "Newest to Oldest", Value = "0" }, new SelectListItem() { Text = "Oldest to Newest", Value = "1" }},new { onchange = "document.location.href = '/ControllerName/ActionName?id=' + this.options[this.selectedIndex].value;" })

Удалите строку запроса в случае отсутствия передачи параметров.

Ответ 5

попробуй это:

@Html.DropDownList("Sortby", new SelectListItem[] { new SelectListItem() 
{ Text = "Newest to Oldest", Value = "0" }, new SelectListItem() 
{ Text = "Oldest to Newest", Value = "1" }},
new { onchange = "document.location.href = '/ControllerName/ActionName?id=' + this.options[this.selectedIndex].value;" })

Ответ 6

Если у вас есть просмотр списка, вы можете сделать это:

• Определите список выбора:

  @{
     var Acciones = new SelectList(new[]
     {
    new SelectListItem { Text = "Modificar", Value = 
     Url.Action("Edit", "Countries")},
    new SelectListItem { Text = "Detallar", Value = 
    Url.Action("Details", "Countries") },
    new SelectListItem { Text = "Eliminar", Value = 
    Url.Action("Delete", "Countries") },
   }, "Value", "Text");
  }
  

• Использовать определенный SelectList, создавая различный идентификатор для каждой записи (помните, что идентификатор каждого элемента должен быть уникальным в представлении) и, наконец, вызвать функцию javascript для события onchange (включить параметры в пример url и record ключ):

  @Html.DropDownList("ddAcciones", Acciones, "Acciones", new { id = 
  item.CountryID, @onchange = "RealizarAccion(this.value ,id)" })
  

• Функция обмена может быть чем-то вроде:

  @section Scripts {
  <script src="~/Scripts/jquery-1.10.2.min.js"></script>
  <script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
  
  <script type="text/javascript">
  
  function RealizarAccion(accion, country)
  {
  
      var url = accion + '/' + country;
      if (url != null && url != '') {
          window.location.href = url ;
      }
  }
  </script>
  
  @Scripts.Render("~/bundles/jqueryval")
  }