भाई बहन

Question

प्राप्त करने के लिए JQuery का उपयोग करें मैं चयन से मूल्य को पकड़ने और इसे इनपुट में पेस्ट करने के लिए नीचे एक टैग प्राप्त करने का प्रयास कर रहा हूं।

<td class="ms-formbody" style="width:385px"> 
    <input name="ctl00$PlaceHolderMain$dlFields$ctl00$txtSource" type="text" id="ctl00_PlaceHolderMain_dlFields_ctl00_txtSource" class="ms-input" /> 
    <select name="ctl00$PlaceHolderMain$dlFields$ctl00$ddlSourceFields" id="ctl00_PlaceHolderMain_dlFields_ctl00_ddlSourceFields" class="ms-input"> 
     <option value="Some Field Name 1">Some Field Name 1</option> 
     <option value="Some Field Name 2">Some Field Name 2</option> 
     <option value="Some Field Name 3">Some Field Name 3</option> 
     <option value="Some Field Name 4">Some Field Name 4</option> 
    </select> 
    <a href="javascript: appendField();">append</a> 
</td> 

मुझे लगता है कि भाई बहनों को कैसे पकड़ना है, यह समझने में प्रतीत नहीं होता है। मैंने $(this).siblings("input").val() की कोशिश की लेकिन वह गलत वेबपृष्ठ त्रुटि 'parentNode.firstChild' is null or not an object।

$(this).prev().prev().val() का प्रयास किया और यह वापस अपरिभाषित आता है। इन चीजों को पकड़ने का सबसे अच्छा तरीका क्या है?

धन्यवाद, डेविड

Answer 1

आपकी समस्या स्टेम आपके दृष्टिकोण से है। फ़ंक्शन को कॉल करना सीधे आप जो भी उम्मीद कर रहे हैं वह नहीं करेगा, जिसमें < > टैग का प्रतिनिधित्व करने वाला एक jquery ऑब्जेक्ट होना चाहिए। एक फ़ंक्शन को सीधे कॉल करने के बजाय आप click ईवेंट < पर > पर प्रतिक्रिया देने के लिए फ़ंक्शन पंजीकृत कर सकते हैं।

पहले, अपने लिंक एक आईडी दे:

<a href="#" id="appendSelect">append</a> 

तब का प्रयोग कर एक jQuery के साथ अपने appendField() समारोह की जगह का चयन है कि इस दृष्टिकोण के साथ click

$(document).ready(function() { 
    $("#appendSelect").click(function() { 
    var $thatInput = $(this).siblings("input"); 
    var $selectValue = $(this).siblings("select").val(); 
    $thatInput.val($selectValue); 
    }) 
}); 

का जवाब $(this) अपने < एक > का प्रतिनिधित्व करेंगी ।

आप देख सकते हैं कि जावास्क्रिप्ट डिबगिंग कंसोल (क्रोम डिफ़ॉल्ट रूप से एक है, और आप फ़ायरफ़ॉक्स पर फ़ायरबग का उपयोग कर सकते हैं) का उपयोग कर एक बड़ी गहराई के बारे में बात कर रहे हैं। अपने मूल कार्य आधारित दृष्टिकोण को फिर से प्रयास करें और console.log($(this)); कथन जोड़ें। आपको इसे एक DOMWindow ऑब्जेक्ट को प्रिंट करना चाहिए। अब click फ़ंक्शन में एक ही लॉग स्टेटमेंट डालें और आप देखेंगे कि jQuery ने आपको $ (यह) दिया है जो आपको उम्मीद है कि आप क्या चाहते हैं।

Answer 2

उपयोग .children() या .find()

.children केवल माता-पिता के प्रत्यक्ष बच्चों के लिए लग रहा है, माता पिता के नीचे सभी स्तरों पर दिखता है पाते हैं।

$('.ms-formbody').find('select').val();

Answer 3

यह केवल इन आईडी के लिए काम करेंगे, लेकिन आप उन्हें आसानी से बदल सकते हैं:

$('#ctl00_PlaceHolderMain_dlFields_ctl00_txtSource').val($('#ctl00_PlaceHolderMain_dlFields_ctl00_ddlSourceFields').val()); 

Answer 4

इस कोशिश ...

$(this).parent().find('input:first').val(selectedOptionValue); 

Answer 5

कोशिश:

$(this).parent().children("input:first").val(); 

Answer 6

एपेंडफील्ड विधि $ (इस) तक पहुंच नहीं है।

यहाँ काम कर कोड है: http://jsfiddle.net/NBf4d/2/