来自Textbox OnChange事件的asp.net MVC更新TextBoxFor值

public class MyModel
{
    public string InputValue { get; set; }
    public string OutputValue { get; set; }
}

@model MyModel

@using (Html.BeginForm())
{
    @Html.TextBoxFor(m => m.InputValue, new { id = "inputBox", onchange = "updateOutput()" })
    @Html.TextBoxFor(m => m.OutputValue, new { id = "outputBox", @readonly = true })
}

<script type="text/javascript">
    function updateOutput() {
        var inputValue = document.getElementById('inputBox').value;
        document.getElementById('outputBox').value = inputValue.toUpperCase();
    }
</script>

public class MyController : Controller
{
    [HttpGet]
    public ActionResult Index()
    {
        var model = new MyModel();
        return View(model);
    }

    [HttpPost]
    public ActionResult Index(MyModel model)
    {
        // 处理表单提交
        return View(model);
    }
}

<script type="text/javascript">
    window.onload = function() {
        document.getElementById('inputBox').addEventListener('change', updateOutput);
    };

    function updateOutput() {
        var inputValue = document.getElementById('inputBox').value;
        document.getElementById('outputBox').value = inputValue.toUpperCase();
    }
</script>