मैं यह कैसे निर्धारित करूँगा कि क्या jQuery में इनपुट फ़िल्टर द्वारा दिया गया तत्व टेक्स्टबॉक्स या चुनिंदा सूची है?
मैं प्रत्येक के लिए एक अलग व्यवहार करना चाहता हूं (टेक्स्टबॉक्स पाठ मूल्य देता है, कुंजी और पाठ दोनों का चयन करता है)
उदाहरण सेटअप:
<div id="InputBody">
<div class="box">
<span id="StartDate">
<input type="text" id="control1">
</span>
<span id="Result">
<input type="text" id="control2">
</span>
<span id="SelectList">
<select>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</span>
</div>
<div class="box">
<span id="StartDate">
<input type="text" id="control1">
</span>
<span id="Result">
<input type="text" id="control2">
</span>
<span id="SelectList">
<select>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</span>
</div>
और फिर स्क्रिप्ट:
$('#InputBody')
// find all div containers with class = "box"
.find('.box')
.each(function () {
console.log("child: " + this.id);
// find all spans within the div who have an id attribute set (represents controls we want to capture)
$(this).find('span[id]')
.each(function () {
console.log("span: " + this.id);
var ctrl = $(this).find(':input:visible:first');
console.log(this.id + " = " + ctrl.val());
console.log(this.id + " SelectedText = " + ctrl.find(':selected').text());
});