从父页面访问POP对话框中的隐藏字段值

Question

我有一个页面说Page1.Chtml，在这个页面我有两个DIV元素，如下面

  <div id="1">
     Some test
    <div id="2"> </div>
  </div>

Div 2中的内容动态放置运行时间并显示DIV 1弹出。

现在在DIV 2中我有一些隐藏文件现在我想访问页面中的这个隐藏字段＆＃34; Page1.Chtml＆＃34;在javascript.And隐藏字段是

<input type="hidden" id="DlrhdnPageNumberVal" name="DlrhdnPageNumberVal" />

我访问如下，但它无法正常工作。

var PrevsValue= $('DlrhdnPageNumber').val();

如果可能，请提供帮助。

谢谢！

Answer 1

如果你想使用jQuery访问HTML元素，你需要记住一些选择器规则，例如，如果你想通过id访问一个元素，你需要在它前面添加一个'＃'字符，如果你想要要通过css类访问元素，您需要在其前面添加.：

var hiddenValue = $("#hidden").val();//access by id

var hiddenValue = $(".hidden").val();//access by css class

下面是一个使用ViewBag和bootstrap模式弹出窗口的简单示例。我在控制器操作中设置ViewBag.Value并将其存储在隐藏字段内的视图中

<强>控制器：

public ActionResult Index()
{
    ViewBag.Value = "Sample Value";
    return View();
}

查看：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script type="text/javascript">
    $(function () {
        $("#btnLaunch").click(function () {
            $(".modal-body").empty();
            var hiddenValue = $("#hidden").val();
            alert(hiddenValue);
            $(".modal-body").html(hiddenValue);
            $('#myModal').modal('show');
        });

    });
</script>

<button type="button" id="btnLaunch">Launch modal</button>
<div id="div2">
    <input type="hidden" value="@ViewBag.Value" id="hidden" />
</div>
<div id="myModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Modal Header</h4>
            </div>
            <div class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

Answer 2

尝试此操作：使用var PrevsValue= $('#DlrhdnPageNumber').val();读取隐藏值，但请确保此ID在整个DOM中必须是唯一的。

您也可以使用名称属性选择器来读取值，但前提是必须只有一个具有相同名称的元素，否则您必须以不同方式处理它。

对于一个名称元素 - var PrevsValue= $('input[name="DlrhdnPageNumber"]:first').val();

对于多个名称元素 var PrevsValues = $（'input [name =“DlrhdnPageNumber”]'）;

for (var i=0; i<PrevsValues.length; i++)
{
  var value = PrevsValues[i].val();
}