Asp mvc5 dropdownlist ajax結果

Question

我想顯示在某個Div的下拉列表中選擇的值，我有以下代碼：

<select id="SelectedItem">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

<script>
$('#SelectedItem').change(function(){
    $.ajax({
        url: '@Url.Action("ajaxGetValue", "Test")',
        type: "POST",
        data: {id:$('#SelectedItem:selected').val()},
        success: function(){
            $('#ajaxDisplay').html('...');
    }
    });
});
</script>

在控制器方面，我有：

   public PartialViewResult ajaxGetValue(int id)
    {
        ViewBag.str = id.ToString();
        return PartialView("Student");
    }

我想在這里顯示我的結果：

<div id="ajaxDisplay">

但它沒有給出任何結果

Answer 1

您的選擇器應該只是元素的ID： SelectedItem （Not SelectedItem：selected），例如：

$( document ).ready(function() {
  $('#ajaxDisplay').html($('#SelectedItem').val());
});

http://jsbin.com/kuheg/1/edit?html,js,output

要在每次更改選擇框時更新，您需要更改我的示例以包含事件偵聽器：

$( document ).ready(function() {
  $('#SelectedItem').change(function() {
    $('#ajaxDisplay').html($('#SelectedItem').val());
  });
  $('#ajaxDisplay').html($('#SelectedItem').val()); //sets the HTMl from the default value
});

但是，問題是相同的，您要向服務器發送null以獲取AJAX對象的data屬性。 另一個可能的罪魁禍首是div - 它是否有一個結束div標簽？ 很難說提供的代碼。

jsbin更新了。

Answer 2

你需要接受成功的結果 - 像這樣：

$('#SelectedItem').change(function(){
    $.ajax({
        url: '@Url.Action("ajaxGetValue", "Test")',
        type: "POST",
        data: {id:$('#SelectedItem:selected').val()},
    success: function(result){
        $('#ajaxDisplay').html(result);
    }
    });
});