Заполните таблицу, когда элемент изменился в раскрывающемся списке razor mvc3

Question

Я хочу заполнить таблицу данными моей базы данных, когда выбранный элемент моего раскрывающегося списка изменился. Я думаю, что с javascript, но я не знаю, как искать выбранный элемент в моей базе данных и заполнять таблицу.

Answer 1

Если вы используете mvc/razor, то ваш проект определенно включает jQuery. Вы можете использовать вызов Ajax к действию вашего контроллера, как это:

jQuery(document).ready(function(){ 
    $("#YourDropDownId").change(function() { 
    $.ajax({ 
    url: "YourController/PopulateDetails", 
    data: 'id=' + $(this).val(), // Send value of the drop down change of option 
    dataType: 'json', // Choosing a JSON datatype 
    success: function(data) 
    { 
     // Variable data contains the data you get from the action method 
    } 
    }); 
    }); 
}); 

Ваш метод должен возвращать JsonResult:

public JsonResult PopulateDetails(string id) 
{ 
    // implementation here to return table data 
    ..... 

    return Json(tableResultModel); 
} 

NB: Если вы просто ищете способ, чтобы получить выбранное значение. то снова jQuery может помочь; Вы можете использовать:

$("#YourDropDownId option:selected").text(); 

или

$("#YourDropDownId").val();