将文本框值传递到另一个视图上的另一个文本框

时间:2017-12-27 03:37:35

标签: c# jquery asp.net twitter-bootstrap

的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>

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

文本框的值将传递到位于模态弹出窗口的文本框中。目前,表单和模式弹出窗口位于我的布局视图中。

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

由于

1 个答案:

答案 0 :(得分:1)

将您的电子邮件ID值添加到您的操作中,将您提交的电子邮件ID填入模型或viewbag或tempdata 将该数据加载到重定向页面

<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>

Controller Action方法,

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

重定向页面(即SomeViewName.cshtml)

<h1>@ViewBag.Email</h1>