javascript - 在选择元素的 onChange 事件之后渲染 Umbraco 内容

Question

我的页面上有一个 select 元素。选项可能如下:

<option value="1234">Contacts</option>
<option value="4567">Feedback</option>
<option value="7890">Addresses</option>

我希望在选择下方有一个部分，用于显示 Umbraco 页面的内容以及选项值的 ID。

如果我有针对 select 元素的 onChange 事件，如何根据新的 Id 值将 Umbraco 内容重新加载到我的部分？我是否必须使用 Partial 并将 Id 作为参数传递？如果是这样，怎么办？

Answer 1

如果您想调用分部 View 并通过下拉 onchange 事件加载到 div 中。

示例:

在 Controller 中:

[HttpGet]
public ActionResult Content(int contentId)  
{    
    var model = _service.GetContent(contentId) ;//Load content from DB
    return PartialView(model);
}

脚本:

$('#dropDownId').change( function() { 
     $.get('/Controller/Content/?contentId=' + $(this).val(), function(data) {   
         $('#divId').html(data);             
         $('#divId').fadeIn('fast');
     });    
});