在select元素的onChange事件之后呈现Umbraco内容

Question

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

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

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

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

Answer 1

如果您想调用部分视图并加载到div下拉onchange事件。

示例：

控制器中的

：

[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');
     });    
});