2014-03-03 82 views
8

在angularjs中,我想獲取隱藏輸入的值。如以下幾點:如何使用angularjs獲取隱藏的輸入值?

<pre> 
<input type="hidden" name="captId" value="AqXpRshs9QHfxUbOWqMT" ng-model="captId"> 
</pre> 

如何獲得通過angularjs「隱藏輸入」值「AqXpRshs9QHfxUbOWqMT」,而不是阿賈克斯或jQuery的。

+0

_ 「不是Ajax」 的_好的... – gdoron

+1

'的document.getElementById( 「captId」)。value' – gdoron

+0

它的好得多使用輸入鍵入文本顯示:無 – Whisher

回答

23

您可以使用ng-init來初始化該值,以便在創建時將該值綁定到您的模型變量。

<input type="hidden" name="captId" ng-init="captId='AqXpRshs9QHfxUbOWqMT'" ng-model="captId"> 

或者直接,如果一切是你可以得到失敗:

angular.element(document.getElementsByName('captId')[0]).val(); 
// or dont use angular at all 
document.getElementsByName('captId')[0].value 

Documentation for angular.element

+3

您提到的第二種方式要好得多 –

+0

@PascalLeMerrer同意,我認爲如果op使用第一種方法,他/她可能會發現該值設置爲空字符串,因爲它會被覆蓋'captID'值可能是空白的。 –

0

通過ID

document.getElementById('yourId').value 

通過名稱

document.getElementsByName('yourName')[0].value 

保持簡單:)

+1

你的名字應該是:'document.getElementsByName('yourName')[0] .value',因爲[getElementsByName返回一個集合](https://developer.mozilla.org/en-US/docs/Web/ API /文檔/ getElementsByName) – grim