jQuery का उपयोग करें और कैसे 'इस' पर कब्जा करने की बदली हुई फ़ॉर्म तत्व मूल्य

Question

मैं निम्नलिखित कोड है कि हर बार एक तत्व परिवर्तन मेरी वेब फार्म के भीतर होता है काम करता है:

<!-- 

jQuery.support.cors = true; // needed for ajax to work in certain older browsers and versions 

$(document).ready(function(){ 

    $(this).change(function(){ 
     alert('form element changed!'); 
    }); 

}); // end .ready() 

//--> 

क्या मैं के साथ संघर्ष कर दिया गया है फॉर्म फील्ड तत्वआईडी, नाम और बदली हुई मूल्य जब परिवर्तन घटना शुरू हो रहा है पर कब्जा करने के लिए कैसे है।

क्या कोई इस पर मेरी सहायता कर सकता है?

धन्यवाद!

** JavaScript फ़ाइल **

// Sarfraz 
$(this).change(function(){ 
    var id, name, value; 
    id = this.id, name = this.name, value = this.value; 
    alert('id=' + id); // this returns 'undefined' 
    alert('name=' + name); // this returns 'undefined' 
    alert('value=' + value); // this returns 'undefined' 
}); 
// 

// rjz 
$(this).change(function(){ 
    var $this = $(this), 
    id = $this.attr('id'), 
    name = $this.attr('name'), 
    value = $this.val(); 

    alert(id); // this returns 'undefined' 
    alert(name); // this returns 'undefined' 
    alert(value); // this returns blank 
}); 

// Jamie 
$(this).change(function(){ 
    var id = $(this).attr('id'); 
    var name = $(this).attr('name'); 
    var value = $(this).attr('value'); 

    alert('id=' + id); // this returns 'undefined' 
    alert('name=' + name); // this returns 'undefined' 
    alert('value=' + value); // this returns 'undefined' 
}); 
// 

//James Allardice 
$(this).change(function(e) { 
    var elem = e.target; 
    alert('elem=' + elem); // this returns 'objectHTMLTextAreaElement' 
}); 
// 

// Surreal Dreams 
$("#my-form input").change(function(){ 
    alert('form element changed!'); 
    var value = $(this).val(); 
    var id = $(this).attr("id"); 
    var name = $(this).attr("name"); 

    alert(id); // nothing happens 
    alert(name); // nothing happens 
    alert(value); // nothing happens 
}); 
// 

//Jamie - Second Try 
$('.jamie2').each(function() { 
    $(this).change(function(){ 
     var id = $(this).attr('id'); 
     alert(id); // nothing happens 
    }); 
}); 
// 

Answer 1

जहाँ तक मुझे यह समझ के रूप में, this एक form तत्व को संदर्भित करता है और आप के लिए एक संदर्भ प्राप्त करना चाहते हैं उस form तत्व के वंशज जो घटना को ट्रिगर करते थे।

$(this).change(function(e) { 
    var elem = e.target; 
}); 

यहाँ एक working example है:

अगर यह सही है, आप घटना वस्तु की target संपत्ति का उपयोग कर सकते हैं।

उपरोक्त कोड में, elem उस घटना को संदर्भित करेगा जो ईवेंट को ट्रिगर करता है।फिर आप इस तरह के id के रूप में है कि तत्व के गुणों का उपयोग कर सकते,:

$(this).change(function(e) { 
    var elemId = e.target.id; 
}); 

Answer 2

मुझे लगता है कि आप शुरू से ही एक समस्या है हो सकता है:

$("#myform input").change(function(){ 
    alert('form element changed!'); 
    var value = $(this).val(); 
    var id = $(this).attr("id"); 
    var name = $(this).attr("name"); 
}); 

आप $ (this) के साथ शुरू करने के लिए नहीं करना चाहते हैं, तो आप उन इनपुट का चयन करने की आवश्यकता है जिन्हें आप मॉनिटर करना चाहते हैं। फिर आप परिवर्तन() फ़ंक्शन के अंदर $ (यह) का उपयोग कर सकते हैं।

जेम्स अलार्डिस ने बताया कि आप $ (इस) के साथ फॉर्म का जिक्र कर रहे हैं, और परिवर्तन() घटना फॉर्म में सभी बदलावों को पकड़ लेगी। मेरा सुझाव है कि आप अपने बदले गए तत्वों को अधिक विशेष रूप से लक्षित करें ताकि आप उन तत्वों पर परिवर्तन ईवेंट नहीं देख रहे हैं जिनकी आपको आवश्यकता नहीं है या नहीं, जो अप्रत्याशित व्यवहार को खत्म कर सकता है। आप उन्हें :input जैसे वर्ग या फॉर्म चयनकर्ता के साथ लक्षित कर सकते हैं।

Answer 3

आप अपने परिवर्तन के अंदर निम्नलिखित की तरह कुछ करना होगा

var ELEMEMT = $('#IDOFELEMENT').val(); 

Answer 4

इस प्रकार आप सीधे गुण का उपयोग कर सकते हैं:

$(this).change(function(){ 
    var id = this.id, 
    name = this.name, 
    value = this.value; 
}); 

वैकल्पिक रूप से, jQuery प्रदान करता सहायक पहले से इन गुणों को पुनः प्राप्त करने कार्यों एक jQuery संग्रह में तत्व:

$(this).change(function(){ 
    var $this = $(this), 
    id = $this.attr('id'), 
    name = $this.attr('name'), 
    value = $this.val(); 
}); 

Answer 5

jQuery के साथ प्रयास 1,7

$(document).on('change','#myID',function(){ 
    alert('Id:'+this.id+'\nName:'+this.name+'\nValue:'+this.value); 
});​ 

DEMO

Answer 6

यहाँ है कैसे:

$(this).change(function(){ 
    var id, name, value; 
    id = this.id; name = this.name; value = this.value; 
}); 

Answer 7

आदेश में $ (this) उपयोग करने के लिए, आप एक पूर्वनिर्धारित जावास्क्रिप्ट वस्तु होना आवश्यक है। यही कारण है कि इसे कहा जाता है यह।

तो तुम कुछ इस तरह करने की जरूरत है:

$('.class_name').each(function() { 
    $(this).change(function(){ 
     var id = $(this).attr('id'); 
    }); 
}); 

या

$('.class_name').click(function() { 
    $(this).change(function(){ 
     var id = $(this).attr('id'); 
    }); 
}); 

संक्षेप में, आप इससे पहले कि आप $ (this) का उपयोग कर सकते एक तत्व का चयन और एक वस्तु बनाने के लिए की जरूरत है।

Answer 8

ठीक है, मैं टिप्पणी के रूप में छोड़कर पार्टी के लिए देर हो रही है, लेकिन सिर्फ भावी पीढ़ी के लिए:

$("#myform").on('change', input, (function(){ 
    alert('form element changed!'); 
    var $this = $(this); 
    var value = $this.val(); 
    var id = $this.attr("id"); 
    var name = $this.attr("name"); 
}); 

#myform अंदर इनपुट पर परिवर्तनों को सुनता: यहाँ असली ड्रीम्स 'दृष्टिकोण के अपने विस्तार है। मैंने jQuery-wrapped this को भी कैश किया। देखा!