2013-01-14 14 views
7
<select id="mySelect"> 
    <option id="sel01" value="some value">some value</option> 
    <option id="sel02" value="some other value">some other value</option> 
    <option id="sel03" value="maybe me">maybe me</option> 
    <option id="sel04" value="and another one">and another one</option> 
</select> 

मैं jQuery के उपयोग के साथ एक विकल्प का चयन करना चाहते हैं, लेकिन मूल्य द्वारा नहीं द्वारा चुनिंदा सूचकांक सेट:jQuery - तत्वों आईडी

$("#mySelect").val(1); 

लेकिन तत्वों आईडी से।

उत्तर के लिए धन्यवाद।

उत्तर

9

आप prop विधि का उपयोग कर सकते हैं।

var id = 'sel02'; 

$('#mySelect option').filter(function(){ 
    return this.id === id 
}).prop('selected', true); 

या:

$('#' + id).prop('selected', true); 

या यदि आप यह सूचकांक पर आधारित एक विकल्प का चयन करना चाहते हैं, तो आप eq विधि का उपयोग कर सकते हैं:

$('#mySelect option').eq(1).prop('selected', true); 
+0

तुम बहुत-बहुत धन्यवाद। –

+0

@MarcinBobowski आपका स्वागत है। – undefined

1

आप का उपयोग कर तत्व मान प्राप्त कर सकता आईडी और jQuery val() के लिए मान का उपयोग करें।

var elementId = 'sel01'; 
$("#mySelect").val($('#' + elementId).val()); 
+0

अपना रास्ता प्यार करो, लेकिन "अपरिभाषित" पहली बार उसकी विधि के साथ था। धन्यवाद। –

+0

@MarcinBobowski यह चुनने के लिए आप पर निर्भर है कि आप कौन सा समाधान बेहतर पसंद करते हैं :) –

+0

सबसे अच्छी बात यह है कि सभी तरीकों को सीखने और उन्हें समझने की क्षमता है :) –

1

आप विकल्प का चयन करना चाहते हैं:

$('#mySelect option#sel02').val(); 
3
var id= "sel01"; 

    $('#selectid option').each(function(){ 
     if($(this).attr('id') == id){ 
      $(this).attr('selected',true); 
     } 
    }); 
0

इस तरह:

$('#mySelect option#sel02').prop('selected',true); 

आप चयनित विकल्प आईडी के मूल्य प्राप्त करना चाहते हैं। बस eq में नंबर बदलने (0)

$("#mySelect").val($("#mySelect").children().eq(0).val()); 
1

इस वाक्य का प्रयास करें,

$('select option:selected').attr('id'); 

जांच here, यह पाठ मूल्य के आधार पर विकल्प का चयन करेंगे।

0

मैं संदर्भ पता नहीं है, लेकिन यह मेरे लिए काम किया जब मैं json से डेटा प्राप्त और चयनित है कि विशिष्ट कॉम्बो बॉक्स का विकल्प बनाने के लिए आवश्यक:

$("#mySelect option[id='" + someVariable + "']").attr('selected', 'selected'); 
+0

कृपया पूरा करें कोड को पूरा करें – Ram

+0

ओह, इसके बारे में खेद है :( – AndreSites

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