2011-12-02 81 views
0

我已經在asp.net網站上使用了母版頁進行設計。我的子頁面位於contentplaceholder。在子頁面,我用一個隱藏字段 -如何使用javascript檢索隱藏字段值?

<input id="Hidden1" type="hidden" value="This is hidden text"/> 

我想顯示在頁面加載事件使用警報()函數從JavaScript的隱藏字段的值。這個怎麼做?

我想以後的事在我的劇本,但它不是working-

(function msgShow() { 

     var e1 = document.getElementById('Hidden'); 
     alert(e1.value); 
    })(); 

感謝。

+0

什麼是不正確的工作?你會得到一個錯誤,空值,未定義... – Viruzzo

+0

@Viruzzo:我沒有得到任何錯誤。我只是顯示我的頁面沒有警報消息。 – Priyanka

+0

如果你在getElementById之前放了一個alert('Hello World!');'它顯示了嗎? – Viruzzo

回答

1

使用jQuery你這樣做:

$(document).ready(function() { 
    alert($('#Hidden1').val()); 
}); 

沒有jQuery的你:

alert(document.getElementById('Hidden1').value); 
1
window.alert(document.getElementById("Hidden1").value); 

確保後DOM準備好執行該代碼。

+0

如何確保代碼將在DOM準備好後執行? – awaisj

+1

您可以使用jQuery的[ready](http://docs.jquery.com/Tutorials:Introducing_%24%28document%29.ready%28%29)方法做到這一點。如果不使用jQuery,只需將JavaScript代碼放在主體的最後,那麼JS的加載就會獲得[性能優勢](http://developer.yahoo.com/performance/rules.html#js_bottom) t阻止頁面呈現。 – jabclab

0

就像任何其他的元素,你可以得到它document.getElementById('Hidden1').value

+0

我試過但它不起作用。 – Priyanka

0

請參閱下面給出的代碼,知道如何讓

<html> 
<body> 

<script type="text/javascript"> 
function printIt(){ 
    alert(document.getElementById('abcId').value); 
    alert(document.formName.elements['abcName'].value); 
} 
</script> 

<h1>Access Hidden value in JavaScript</h1> 
<form name="formName"> 
    <input type="hidden" id="abcId" name="abcName" 
        value="I am Hidden value"/> 

    <input type="button" value="Get Value" onclick="printIt()" /> 
</form> 

</body> 
</html> 
0
document.getElementById('Hidden1').value; 

,並提醒返回值

0

用純JavaScript:

var value = document.getElementById(id).value; 
+0

我試過這個,但它不工作。 – Priyanka

0

<script type="text/javascript"> function dis() { var j = document.getElementById("<%= Hidden1.ClientID %>").value; alert(j); } </script>

<input id="Hidden1" type="hidden" runat="server" value="Hello" /><br /> <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return dis();" />

-1

另外,一定不要引用之前存在一個DOM元素 - 就像是做了,花了一個小時,試圖找出爲什麼即使HelloWorld的是行不通的。

相關問題