将文本框值传递给不同视图上的另一个文本框

Posted 2023-04-13

【中文标题】将文本框值传递给不同视图上的另一个文本框

【英文标题】：Passing textbox value to another textbox on a different View

【发布时间】：2018-06-07 17:40:32

【问题描述】：

jQuery

<script>
        $(document).ready(function () 
            $('#nlSubscribeInitial').click(function () 
                $('#nlSubscribeEmail').val($('#nlTextboxInitial').val());
                $('#nlTextboxInitial').val('');
            );
        );
</script>

当前在布局视图中的表单

<div class="input-group">
    <input class="form-control" type="text" id="nlTextboxInitial">
    ** Some other input / info here
    <button id="nlSubscribeInitial" type="button" data-toggle="modal" data-target="#nlModal">Open Modal</button>
</div>

模式当前在布局视图中

<div class="modal-body">
    <div class="form-group">
        <label for="emailInputLogin">Email address</label>
        <input type="email" class="form-control" id="nlSubscribeEmail" />
    </div>
</div>

目前这是我的代码。单击我页面上的按钮后，它将打开模式弹出窗口。

文本框的值将传递给位于模式弹出窗口上的文本框。目前表单和模式弹出窗口在我的布局视图上。

我想完成同样的事情，但这次我想调用一个视图 (.cshtml) 并将其显示为模式弹出窗口，并将我的文本框值传递给正在调用的视图中的另一个文本框。

谢谢

【参考方案1】：

将您的电子邮件 ID 值提交给您的操作，将您提交的电子邮件 ID 填写到模型或视图袋或临时数据 将该数据加载到您的重定向页面

<div class="modal-body">
    <form action="/somecontroller/someaction" method="post">
        <div class="form-group">
            <label for="emailInputLogin">Email address</label>
            <input type="email" class="form-control" name="email" id="nlSubscribeEmail" />
        </div>
    </form>
</div>

控制器动作方法，

public ActionResult SomeAction(string email)
    // You can also construct model 
    ViewBag.Email = email;
    // Return view
    return View("SomeViewName");

重定向页面（即 SomeViewName.cshtml）

<h1>@ViewBag.Email</h1>

【讨论】：

这没有显示如何以弹出模式打开视图