चुनिंदा मान सेट करना कीबोर्ड उपयोग पर कोई प्रभाव नहीं पड़ता

Question

मेरे पास f.e. के साथ चयन है। 10 विकल्प ('एक', 'दो', 'तीन', ...)। पृष्ठ को लोड करना पहला विकल्प 'एक' चुना गया है।

एक समारोह के भीतर मैं पांचवें विकल्प

$("myselect").val('five'); 

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

लेकिन अब जब तक मैं इस चयन तक नहीं पहुंच जाता तब तक मैं अपने फॉर्म में टैब करता हूं। और यदि अब मैं कीबोर्ड डाउन कुंजी का उपयोग करता हूं, तो विकल्प 'दो' और 'छः' विकल्प के लिए चुनता है।

एक चयनित विकल्प कैसे सेट करें जो बाद के कीबोर्ड उपयोग के लिए भी काम करता है?

Answer 1

selectedIndex संपत्ति सेट करने का प्रयास करें। नीचे देखें,

$('#myselect').val("5").prop('selectedIndex', 4); 

डेमो:http://jsfiddle.net/kLZ7z/

एक और बेहतर क्लीनर दृष्टिकोण

var nValue = "5"; 
$('option', '#myselect').filter(function() {   
    return this.value == nValue; 
}).prop('selected', true); 

डेमो है:http://jsfiddle.net/kLZ7z/2/

Answer 2

थोड़ा भाँप रहे हैं, लेकिन इस प्रयास करें:

$('#myselect option').each(function(){ 
    $(this).removeAttr('selected')); 
}); 
$('#myselect option').eq(4).attr('selected', 'selected'); 

सिर्फ तुम क्या करने की कोशिश करना की एक विचार देने के लिए अपरीक्षित छद्म कोड का एक सा यही कारण है,।

Answer 3

यह एक फ़ायरफ़ॉक्स बग है। मुझे मिला एक समाधान चुनने पर .val का उपयोग करने के बजाय विकल्प पर .prop('selected', true) का उपयोग करना है।

$('#myselect').children('option[value="five"]').prop('selected', true); 

डेमो: http://jsfiddle.net/JM2dZ/1/

ध्यान दें: आप ऐसा करने से वास्तव में क्या हो रहा रखने के लिए इस मुद्दे को कारण होगा, पहले अन्य विकल्पों पर selected अनसेट की जरूरत नहीं है।