2014-04-09 18 views
23

मैं इस कोडलेखन त्रुटि: StepUp एक वस्तु है कि इंटरफ़ेस HTMLInputElement

<a data-remote="true" data-box_no="1" class="find_or_add_horse" href="#">Find/Add Horse</a> 

है को लागू नहीं करता है पर बुलाया और मैं ajax कॉल करते हैं जब मैं एक लिंक

$(document).on('click', '.find_or_add_horse', function() { 
     var search_term = $(this).parents('.sub-middle-column').find('.search_horse'); 
     var box_no = $(this).data('box_no'); 


     $.ajax({ 
      url: "/startup_wizard/find_horse", 
      dataType: 'script', 
      type: 'GET', 
      data: { box_no: box_no, search_term: search_term} 
     }); 
     return false; 


    }); 

क्लिक करें लेकिन जब मैं पर क्लिक करें लिंक मैं इस त्रुटि "TypeError: 'stepUp' called on an object that does not implement interface HTMLInputElement" जब मैं ajax कॉल

data: { box_no: box_no, search_term: search_term} 

मेरे कोड अभी से इस कोड को निकालने मिल बढ़िया कार्य करना। यह क्यों हो रहा है और इसे कैसे ठीक किया जाए? मैं डेटा कैसे भेज सकता हूं?

उत्तर

41

यदि search_term एक इनपुट फ़ील्ड है जो आप अपना मूल्य प्राप्त करना चाहते हैं।

var search_term = $(this).parents('.sub-middle-column').find('.search_horse').val(); 

अभी आप एक HTMLDom-तत्व से युक्त एक jQuery वस्तु संदर्भित कर रहे हैं, लेकिन मुझे लगता है कि क्या आप चाहते हैं खोज इनपुट तत्व के अंदर स्ट्रिंग है।

3

TypeError: stepUp किसी ऑब्जेक्ट पर कॉल किया गया है जो इंटरफ़ेस को लागू नहीं करता है HTMLInputElement आता है जब आप # आईडी (आईडी) के लिए भूल जाते हैं और। कक्षा के लिए साइन इन करें। जब हम सीधे बिना मूल्य प्राप्त कर सकते हैं। या # संकेत।

गलत विधि: - var email = $('PHMC_email').val();

सही विधि:

-var email = $('#PHMC_email').val(); या var email = $('.PHMC_email').val();

+0

अंकुश ओवरफ्लो स्टैक करने के लिए स्वागत करते हैं। युक्ति प्रारूप को स्पष्ट करने के लिए आप इसे अपने कोड के आस-पास '= कोड कोड' जैसा दिखने के लिए उपयोग कर सकते हैं। मेरे संपादन देखें। – micstr

+0

इससे आपको धन्यवाद देने में मदद मिली –

संबंधित मुद्दे