如何使用razor视图在选择dropdown时调用action方法

<select id="dropdown" onchange="callAction(this.value)">
    <option value="">请选择</option>
    <option value="option1">选项1</option>
    <option value="option2">选项2</option>
    <option value="option3">选项3</option>
</select>

[HttpPost]
public IActionResult CallAction(string selectedValue)
{
    // 执行相应的逻辑操作
    // ...

    return View();
}

function callAction(selectedValue) {
    $.ajax({
        url: '@Url.Action("CallAction", "ControllerName")',
        type: 'POST',
        data: { selectedValue: selectedValue },
        success: function (result) {
            // 处理成功响应
        },
        error: function (xhr, status, error) {
            // 处理错误响应
        }
    });
}