2016-08-22 147 views
-1

我有一个页面说Page1.Chtml,在该页面中,我有两个DIV元素像下面访问隐藏字段值

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

在2区的内容是动态投入运行的时间和显示DIV 1弹出。

现在DIV 2,我有一些隐藏的文件,现在我想在页面访问此隐藏字段“Page1.Chtml”在javascript.And隐藏字段是

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

我访问像下面,但没有工作来解决。

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

如果可能,请帮助。

谢谢!

+0

您可以通过名称或ID使用jquery选择器来访问这些字段。 –

+0

请发布您迄今为止隐藏的字段和jQuery代码。 –

+0

给该元素一个id并使用id访问它 – brk

回答

0

如果你想访问一个使用jQuery的HTML元素,你需要记住一些选择器规则,比如如果你想通过id来访问一个元素,你需要用一个'#'字符作为前缀,如果你要访问的CSS类,你需要.前缀的一个元素:

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

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

下面是一个使用ViewBag一个简单的例子,一个自举模式popup.I控制器操作设置ViewBag.Value并存储在t中他隐藏字段内查看

控制器:

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

谢谢,但我隐藏的领域是在模型身体和我想访问在java scrip 但在你的情况下隐藏的领域是弹出的模型。 – SUJEET

+0

只要它具有id =“hidden”,你就可以从javascript访问它,这并不重要。给它一个try.Also ID不必被称为'hidden'你可以给它你自己的独特名称 –

+0

没有运气使用相同的方式:(.OK你可以告诉如何访问隐藏的领域,你从模型正文弹出012提出 – SUJEET

0

试试这个:使用var PrevsValue= $('#DlrhdnPageNumber').val();读取隐藏的价值,但要确保此ID必须是独一无二的DOM。

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

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

对于多个名称元素 变种PrevsValues = $( '输入[名称= “DlrhdnPageNumber”]');

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