2010-11-19 10 views
24

मेरे पास निम्न HTMLकैसे वें विकल्प

<select onchange="this.form.submit()" name="name"> 
    <option value="9995101E01#17201044055PM">9995101E01#17201044055PM</option> 
    <option value="GRR-Example">GRR-Example</option> 
    <option value="admin">admin</option> 
    <option value="123w">123w</option> 
</select> 

मैं जान सकती हूँ कि कैसे मैं मूल्य "व्यवस्थापक" के साथ विकल्प के लिए JQuery का उपयोग कर सकते चयन करने के लिए JQuery उपयोग कैसे करें?

उत्तर

71
$('select[name=name] option:eq(2)').attr('selected', 'selected'); 

Demo

9
इस तरह

:

$("select[name='name'] option:eq(2)").attr("selected", "selected"); 

संपादित करें:

$("select[name='name'] option:contains('admin')").attr("selected", "selected"); 

:

admin का मूल्य होता है विकल्प का चयन क्या आप अपने नए संपादन में चाहते हैं, जो है करने के लिए, See it working

+0

मैं इसके बजाय एक चर कैसे पारित कर सकता हूं? मैं $ ('# id' विकल्प प्राप्त करने की कोशिश कर रहा हूं: eq (variable_name) ")। Attr (" चयनित "," चयनित "); – Naveen

+0

किसी चयन सूची पर कॉलिंग वैल() स्वचालित रूप से उस मान के साथ विकल्प का चयन करेगा। इसलिए, यह काम करना चाहिए: $ ("चयन [नाम = 'नाम']")। वैल ('व्यवस्थापक'); – Jordan

+0

मुझे एहसास हुआ कि इस दृष्टिकोण का उपयोग करके "अचयनित" ट्रिगर नहीं किया जा रहा है, कोई भी एक तरीका जानता है इसे प्राप्त करने के लिए? –

5

मुझे लगता है कि nth-child छद्म वर्ग आप जो खोज रहे हैं:

$('select option:nth-child(3)').attr('selected', 'selected'); 
2

मैं .attr('selected', 'selected') का उपयोग करके चयन का मान सेट सलाह नहीं होगी। यह बुरा अभ्यास है। यदि दो विकल्पों में 'चयनित' विशेषता है - तो चयन का मूल्य क्या है?

यहाँ सरल और आसान संस्करण है कि काम करेगा:

$('select[name="name"]').val('admin'); 

DEMO

0

आप वें विकल्प और ट्रिगर घटना onchange तो चयन करने के लिए करना चाहते हैं:

function selectOption(nr) { 
    var select = $("select"); 
    if (select.children().length >= nr) { 
     let value = select.find('option:eq(' + nr + ')').val(); 
     select.val(value).change(); 
    } 
} 
0

बस अगर यह किसी की मदद करता है तो अद्यतन करना। मेरे पास एक समान आवश्यकता थी लेकिन मेरे मामले में ड्रॉपडाउन को जावास्क्रिप्ट चर के रूप में संग्रहीत किया गया था। मुझे यह भी पसंद आया कि Denis Matafonov ने चयनित प्रश्न में विकल्प बनाने का सुझाव दिया। तो यहां कोड का अंतिम ब्लॉक है:

var target_dd = $('select[name=name]'); 
$(target_dd).val($(target_dd).find('option:eq(2)').html()); 
संबंधित मुद्दे