2016-08-22 224 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(); 
}