बटन पर चयनित विकल्प बदलना

Question

पर क्लिक करें बटन के क्लिक पर मैं क्लिक किए गए बटन से मेल खाने के लिए चयनित सूची में चयनित विकल्प को बदलना चाहता हूं। यह वही है मैं अब तक है, jsfiddle

$('#btnCityAuckland').click(function(){ 
    $('#City').val('A'); 
}) 

मैं कुछ jQuery वहाँ की क्या ज़रूरत है, लेकिन इसके शायद सही किया जा रहा बंद मील की दूरी पर यह है कि सरल किया जा नहीं कर सकते हैं।

Answer 1

$('#btnAuckland').click(function(){ 
    $('#City').val('A').trigger('change'); 
})​ 

स्पष्ट रूप से आप मूल्य निर्धारित करने के बाद .trigger() विधि को कॉल कर सकते हैं।

डेमो: http://jsfiddle.net/8RUBj/11/

संपादित
इसके अलावा, यह बेहतर है अगर आप data मूल्य, और वर्गों सेट करने के लिए विशेषताओं का उपयोग, और फिर आप एक ही बार में अपने सभी बटन क्या कर सकते हैं।

$('.select-change').click(function(){ 
    $('#City').val($(this).data('val')).trigger('change'); 
})​ 

डेमो वी 2: http://jsfiddle.net/8RUBj/15/

Answer 2

आपका कोड सही है, सिर्फ इतना है कि आप $('#btnCityAuckland') गलत टाइप, यह वास्तव में है:

$('#btnAuckland') 

कार्य demo

तुम भी बटन के आधार पर विकल्प क्लिक किया चयन करते समय, बजाय हार्डकोड आईडी को स्वचालित कर सकता है है, तो जैसे:

$('div > a').click(function(){ //click handler for all city buttons 
    $("#City option:contains('"+$(this).text()+"')").attr("selected",true); 
    $("#City").selectmenu('refresh', true); //Refresh to show name on select 
})​ 

कार्य demo

Answer 3

आप jQuery मोबाइल अपने कोड का उपयोग नहीं कर रहे थे के रूप में काम करेगा। jQuery मोबाइल के साथ आप इस प्रकार उस पर .selectmenu("refresh") फोन करके छद्म चयन ताज़ा कर सकते हैं:

$('div[data-role="controlgroup"] a').click(function(){ 
     $('#City').val($(this).text().charAt(0)).selectmenu("refresh"); 
}); 

डेमो: http://jsfiddle.net/8RUBj/18/

ध्यान दें कि आप प्रत्येक बटन के लिए एक अलग क्लिक हैंडलर आवंटित करने के लिए की जरूरत नहीं है: प्रदर्शन उद्देश्यों के लिए मैंने कोड को और अधिक सामान्य बनाने का एक बदमाश तरीका दिखाया है, जैसे कि यह आपके एचटीएमएल को बदलने के बिना काम करेगा, लेकिन आप data- विशेषताओं या बटन को कुछ जोड़ सकते हैं ताकि यह इंगित किया जा सके कि प्रत्येक के साथ कौन सा मूल्य जुड़ा हुआ है।

More information about jQuery Mobile select methods।