2010-12-07 19 views
133

मैं jQuery का उपयोग कर <input type="hidden"> टैग की value विशेषता का उपयोग कैसे कर सकता हूं? इस उदाहरण मेंjQuery एक्सेस इनपुट छुपा मूल्य

<input type="hidden" id="foo" name="zyx" value="bar" /> 

alert($('input#foo').val()); 
alert($('input[name=zyx]').val()); 
alert($('input[type=hidden]').val()); 
alert($(':hidden#foo').val()); 
alert($('input:hidden[name=zyx]').val()); 

उन सभी एक ही बात मतलब है:

+2

संभव [jQuery छिपी हुई फ़ील्ड से मान प्राप्त करें] की डुप्लीकेट:

var notABool = $('#SomeBoolean').val(); 

आप कुछ तर्क के लिए बूलियन उपयोग करना चाहते हैं, तो इसके बजाय निम्न का उपयोग प्रश्न/30 9 1374/प्राप्त-मूल्य-से-छिपा-फ़ील्ड-jquery) – EvilDr

उत्तर

261

आप val() साथ छिपा क्षेत्रों 'मूल्यों का उपयोग कर सकते हैं, जैसे आप किसी भी अन्य इनपुट तत्व पर कर सकते हैं।

+10

अलर्ट ($ ('इनपुट [प्रकार = छुपा] # फ़ू')। वैल()); यह आईडी foo के साथ छुपा चर पाता है। यह खोज अधिक विशिष्ट है। –

+4

@ मोहम्मद रफीक अलर्ट ($ ('# foo')। वैल()); बस विशिष्ट के रूप में है। क्योंकि डीओएम में एक आईडी अद्वितीय है। यदि एचटीएमएल मानकों का पालन करता है तो यह हमेशा एक तत्व पाएगा। जब तक आप यह तत्व जांचने के लिए कथन का उपयोग नहीं करते हैं कि तत्व छिपा हुआ है या नहीं। –

+1

तेज़ क्या है? $ ('# foo') या $ ('इनपुट: छुपा # foo')? मुझे दूसरी खोज पर संदेह है क्योंकि यह अधिक जानकारी दी गई है लेकिन यह सुनिश्चित नहीं है कि यह कैसे कार्यान्वित किया गया है, इसलिए यह नहीं पता कि मेरी भावना सही है या नहीं। संपादित करें: ठीक है, मेरा जवाब है हाबिल टिप्पणी, आईडी केवल, यानी # फ़ू तेज़ है। – comte

2

<input type="hidden"> के बारे में विशेष कुछ भी नहीं है:

$('input[type="hidden"]').val() 
15

वहाँ उस के लिए एक jQuery चयनकर्ता है:

// Get all form fields that are hidden 
var hidden_fields = $(this).find('input:hidden'); 

// Filter those which have a specific type 
hidden_fields.attr('text'); 

आप एक विशिष्ट type="" साथ उन लोगों के द्वारा सभी छुपे हुए इनपुट फ़ील्ड और फिल्टर देंगे।

3

आप एक व्यक्ति छिपी हुई फ़ील्ड का चयन करना चाहते हैं, तो आप यह jQuery के विभिन्न चयनकर्ताओं के माध्यम से चुन सकते हैं:

$.each($('input'),function(i,val){ 
    if($(this).attr("type")=="hidden"){ 
     var valueOfHidFiled=$(this).val(); 
     alert(valueOfHidFiled); 
    } 
}); 

या:

<input type="hidden" id="hiddenField" name="hiddenField" class="hiddenField"/> 


$("#hiddenField").val(); //by id 
$("[name='hiddenField']").val(); // by name 
$(".hiddenField").val(); // by class 
+0

छिपे हुए इनपुट में स्टाइल क्लास प्रॉपर्टी नहीं है –

2

मूल्य, उपयोग पाने के लिए:

var valueOfHidFiled=$('input[type=hidden]').val(); 
alert(valueOfHidFiled); 

मान सेट करने के लिए, का उपयोग करें:

$('input[type=hidden]').attr('value',newValue); 
2

आप एक asp.net है HiddenField आप के लिए की जरूरत है:

तक पहुंचने के लिए HiddenField मूल्य:

$('#<%=HF.ClientID%>').val() // HF = your hiddenfield ID 

HiddenFieldValue

$('#<%=HF.ClientID%>').val('some value') // HF = your hiddenfield ID 
1

सेट करने के लिए बाहर देखो, अगर आप एक छिपी हुई फ़ील्ड से एक बूलियन मान प्राप्त करना चाहते हैं!

उदाहरण के लिए:

<input type="hidden" id="SomeBoolean" value="False"/> 

(इस तरह एक इनपुट एएसपी MVC द्वारा प्रदान की गई जाएगा यदि आप @Html.HiddenFor(m => m.SomeBoolean) का उपयोग करें।)

उसके बाद निम्न एक स्ट्रिंग 'False' वापस आ जाएगी, न कि जे एस बूलियन!- (https://stackoverflow.com/

var aBool = $('#SomeBoolean').val() === 'True'; 
if (aBool) { /* ...*/ } 
संबंधित मुद्दे