val विधि

val विधि तत्व का वर्तमान मान प्राप्त करने और बदलने की अनुमति देती है।

वाक्य - विन्यास

इस तरह हम सेट में पहले तत्व का वर्तमान मान प्राप्त कर सकते हैं:

$(selector).val();

val विधि का उपयोग मुख्य रूप से फॉर्म तत्वों के मान प्राप्त करने के लिए किया जाता है, जैसे: input, select और textarea। यदि इसे एक खाली संग्रह पर कॉल किया जाता है, तो यह undefined लौटाएगा। multiple विशेषता सेट के साथ select पर काम करते समय, यह विधि प्रत्येक चयनित option के मानों की एक सरणी लौटाएगी। यदि उनमें से कोई भी चयनित नहीं है, तो एक खाली सरणी लौटाई जाएगी। इस तरह हम सेट में प्रत्येक तत्व का मान सेट कर सकते हैं। पैरामीटर के रूप में एक स्ट्रिंग, सरणी या संख्या पास की जा सकती है:

$(selector).val(value);

सेट में प्रत्येक तत्व पर फ़ंक्शन लागू करना। फ़ंक्शन पहले पैरामीटर के रूप में सेट में वर्तमान सूचकांक लेता है, और दूसरे के रूप में - इसका वर्तमान मान:

$(selector).val(function(index, currentValue));

उदाहरण

निम्नलिखित उदाहरण में, आइए इनपुट में दर्ज किए गए मान प्राप्त करें, और उन्हें नीचे एक पैराग्राफ में प्रदर्शित करें:

<input type="text" value="text">
<p></p>

p {
	color: green;
	margin: 8px;
}

$('input').keyup(function() {
	let value = $(this).val();
	$('p').text(value);
}).keyup();

उदाहरण

और अब val विधि का उपयोग करके, हम उन बटनों के मान, जिन्हें हम दबाएंगे, नीचे स्थित इनपुट में लिखेंगे:

<div>
	<button>one</button>
	<button>two</button>
	<button>three</button>
	<button>four</button>
</div>
<input type="text" value="click buttons">

button {
	margin: 4px;
	cursor: pointer;
}

input {
	margin: 4px;
	color: green;
}

$('button').click(function() {
	let text = $(this).text();
	$('input').val(text);
});

यह भी देखें

attr विधि,
जो तत्वों की विशेषताओं के साथ काम करने की अनुमति देती है
prop विधि,
जो तत्वों के गुणों के साथ काम करने की अनुमति देती है