JQuery: छिपे हुए इनपुट फ़ील्ड का मान बदलें

Question

मेरे पास एक छिपी हुई इनपुट के मूल्य को सेट करने वाला हेला समय है।

मैं एचटीएमएल को विकल्प टैग के बीच से छिपे हुए क्षेत्र में पास करना चाहता हूं- अंत में यह वर्डप्रेस 'wp_list_dropdowns() से पेज शीर्षक होगा। मुझे यह पाठ ठीक से वापस कर रहा है, और मेरे परिवर्तन की घटना पर यह सही ढंग से कुछ सीएसएस जोड़ता है (स्पष्ट रूप से एक छिपे हुए क्षेत्र पर अनियंत्रित, लेकिन मैं यह निर्धारित करने की कोशिश कर रहा था कि चीजें कहां टूट रही हैं)। काम करता है अगर मैं एक पाठ इनपुट में छिपा इनपुट बदलता हूं। मैंने एसओ पर कई स्थानों पर देखा है कि यह संभव है, (एक छिपे हुए इनपुट के मूल्य को बदलना), लेकिन कुछ मुझे अब पकड़ रहा है और मुझे जवाब नहीं दिखाई दे रहा है।

जावास्क्रिप्ट:

$(".selector").change(function() { 
    var $value = $(this).val(); 
    var $title = $(this).children('option[value='+$value+']').html(); 
    alert($title); 
    $('input#bacon').val($title).css('border','3px solid blue'); 
}); 

HTML:

<select class="selector" name="testselect"> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
</select> 
</h3> 

<input id="bacon" type="hidden" class="bacon" value="" name="testinput"> 

Answer 1

आपका jQuery कोड पूरी तरह से काम करता है। The hidden field is being updated।

Answer 2

$(".selector").change(function() { 

    var $value = $(this).val(); 

    var $title = $(this).children('option[value='+$value+']').html(); 

    $('#bacon').val($title); 

}); 

बस अपने फ़ायरबग के साथ जांच काम करने के लिए लगता है

यहाँ JSFiddle है। और छुपा इनपुट पर सीएसएस मत डालो।

Answer 3

यदि आप इसे ड्रूपल में कर रहे हैं और हुक_फॉर्म_एल्टर (उदाहरण के लिए) में टेक्स्ट से # टाइप को 'छुपा' में बदलने के लिए फॉर्म एपीआई का उपयोग करें, तो सलाह दी जाए कि आउटपुट एचटीएमएल में अलग-अलग (या छोड़े गए) डीआईवी रैपर होंगे , आईडी और कक्षा के नाम।

$('#action').val("1"); 

#action छिपी हुई इनपुट फ़ील्ड आईडी है:

Answer 4

यह रूप में आसान है।