如何在ASP.net MVC中组合框中的选定项更改上填充详细信息字段

<select id="dropdown" onchange="getDetails()">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
</select>

function getDetails() {
    var selectedOption = document.getElementById("dropdown").value;
    // 根据选定项的值执行相应的操作
    if (selectedOption === "option1") {
        fillDetails("Option 1 details...");
    } else if (selectedOption === "option2") {
        fillDetails("Option 2 details...");
    } else if (selectedOption === "option3") {
        fillDetails("Option 3 details...");
    }
}

<div id="detailsField"></div>

function fillDetails(details) {
    document.getElementById("detailsField").innerHTML = details;
}