Senden Parameter ausgewählter Werte an die Steuerung

Question

Ich habe html wie folgt aus:

HTML

<div class="col-md-3 col-sm-12"> 
    <div> 
    <p>Región</p> 
    <select id="lstRegion" class="form-control agenda_space" aria-hidden="true"></select> 
    </div> 
    <div> 
    <p>Solicitud</p> 
    <select id="lstSolicitud" class="form-control agenda_space" aria-hidden="true"> </select> 
    </div> 
    <br/> 
    <div> 
    <a href="javascript:;" id="event_add" class="btn green"> Actualizar Filtro </a> 
    <br/> 
    </div> 

JS:

$("#lstRegion") 
       .getJSONCatalog({ 
        onSuccess: function (response) { 
         console.log(response); 
        }, 
        url: '/Agenda/GetRegion', 
        valueProperty: "ID", 
        textProperty: "valor" 
       }); 
     //Load solicitud dropdown 
     $("#lstSolicitud") 
       .getJSONCatalog({ 
        url: '/Agenda/GetSolicitud', 
        valueProperty: "ID", 
        textProperty: "solicitud" 
       }); 

Controller:

Sie funktionieren gut Ich bekomme meine dropdwon-Listen sehr gut, aber jetzt möchte ich eine GET-Aktion mit ausgewählten Werten von jedem Dropdown, wenn meine <a href="javascript:;" id="event_add" class="btn green"> Actualizar Filtro </a> es geklickt hat.

Aber ich bin wirklich neu in asp.net und ich weiß nicht, was ich tun muss, um ausgewählte Werte zu erhalten und an den Controller zu senden.

Wie es googeln fand ich brauche ich Methode in meinen Controller zu tun Werte so zu erhalten:

-Controller wird:

public ActionResult GetTareas(string lstRegionValue, string lstsolicitudValue) 
     { 
     } 

Aber ich weiß nicht, wie sie über JS zu schicken, Wie kann ich das tun, um ausgewählte Parameter in meinen Controller zu bekommen? Grüße

UPDATE Ich versuche es mit Ajax wie:

$.ajax({ 
    type: 'GET', 
    url: '@Url.Action("Agenda", "GetTareas")', 
    data: { region: $('#lstRegion option:selected').html(), solicitud: $('#lstSolicitud option:selected').html() }, // pass the value to the id parameter 
    dataType: 'json', 
    success: function (data) { 
     console.log(data); 
    }}); 

Aber wie kann ich diese Funktion auslösen, wenn event_add geklickt wird?

Answer 1

Um Ihren aktualisierten Ajax-Code beim Klicken auszuführen, fügen Sie #event_add hinzu, klicken Sie auf den Ereignishandler und führen Sie Ihren Code darin aus.

$('#event_add').click(function(e){ 
    e.preventDefault(); //suppress default behavior 
    $.ajax({ 
    type: 'GET', 
    url: '@Url.Action("Agenda", "GetTareas")', // don't hard code your urls 
    data: { region: $('#lstRegion option:selected').html(), solicitud: 
    $('#lstSolicitud option:selected').html() }, // pass the value to the id parameter 
    dataType: 'json', // your returning a view, not json 
    success: function (data) { 
     console.log(data); 
    }}); 
}); 

Answer 2

Hallo Versuchen Sie, die folgenden aktualisierten Code:

$('#event_add').click(function(e){ 
    var regionval = $('#lstRegion option:selected').html(), 
    var solicval = $('#lstSolicitud option:selected').html(), 

    $.ajax({ 
    type: 'GET', 
    url: '@Url.Action("Agenda", "GetTareas", new { lstRegionValue = regionval, lstsolicitudValue =solicval})', 
    }); 
}); 

Anmerkung: Ich habe nicht den Code testen, hoffen aber, dass es für Sie

Controller-Code sollte funktionieren:

public ActionResult GetTareas(string lstRegionValue, string lstsolicitudValue) 
     { 
     } 

Ich hoffe es hilft, danke