JQuery-चुने सूची में चयनित विशेषता सेटिंग

Question

मैं निम्नलिखित एचटीएमएल

<select id="dropdown"> 
    <option>A</option> 
    <option>B</option> 
    <option>C</option> 
</select> 

मैं स्ट्रिंग "बी" है, इसलिए मैं इस पर चयनित attrribute सेट करें कि वह हो जाएगा चाहते हैं:

<select id="dropdown"> 
    <option>A</option> 
    <option selected="selected">B</option> 
    <option>C</option> 
</select> 

मैं JQuery में यह कैसे करूँगा?

Answer 1

आप एक छोटे से अपने HTML को संशोधित करने के विकल्पों में से value विशेषता शामिल करने के लिए कोई आपत्ति नहीं है, तो आप काफी कोड आवश्यक करने के लिए कम कर सकते हैं ऐसा करते हैं:

<option>B</option> 

<option value="B">B</option> 

012 करने के लिए

<option value="IL">Illinois</option> 

इसी के साथ

, का पालन करें jQuery परिवर्तन कर देगा:

$("select option[value='B']").attr("selected","selected"); 

यदि आप तय नहीं का उपयोग शामिल करने के लिए

यह है जब आप की तरह कुछ करना चाहता हूँ सहायक होगा value विशेषता, आपको प्रत्येक विकल्प के माध्यम से चक्र की आवश्यकता होगी, और मैन्युअल रूप से इसकी मान जांचें:

$("select option").each(function(){ 
    if ($(this).text() == "B") 
    $(this).attr("selected","selected"); 
}); 

Answer 2

आप शुद्ध डोम का उपयोग कर सकते हैं। http://www.w3schools.com/htmldom/prop_select_selectedindex.asp

document.getElementById('dropdown').selectedIndex = 1; 

देखें लेकिन jQuery मदद कर सकते हैं:

$('#dropdown').selectedIndex = 1; 

Answer 3

मैं, विकल्पों के माध्यम से पुनरावृति होगी मैं क्या चयन किया जाना चाहता हूँ के लिए पाठ की तुलना, फिर वह विकल्प पर चयनित विशेषता निर्धारित किया है। एक बार जब आप सही पाते हैं, तो पुनरावृत्ति को समाप्त करें (जब तक कि आपके पास बहुआयामी न हो)। की तर्ज पर

$('#dropdown').find('option').each(function() { 
     var $this = $(this); 
     if ($this.text() == 'B') { 
     $this.attr('selected','selected'); 
     return false; 
     } 
}); 

Answer 4

कुछ ...

$('select option:nth(1)').attr("selected","selected"); 

Answer 5

कोड:

var select = function(dropdown, selectedValue) { 
    var options = $(dropdown).find("option"); 
    var matches = $.grep(options, 
     function(n) { return $(n).text() == selectedValue; }); 
    $(matches).attr("selected", "selected"); 
}; 

उदाहरण:

select("#dropdown", "B"); 

Answer 6

<select id="cars"> 
<option value='volvo'>volvo</option> 
<option value='bmw'>bmw</option> 
<option value='fiat'>fiat</option> 
</select> 

var make = "fiat"; 

$("#cars option[value='" + make + "']").attr("selected","selected"); 

Answer 7

आप danielrmt की .selectedIndex रणनीति का पालन कर सकते हैं, लेकिन विकल्प टैग के भीतर पाठ इस तरह के आधार पर सूचकांक का निर्धारण:

$('#dropdown')[0].selectedIndex = $('#dropdown option').toArray().map(jQuery.text).indexOf('B'); 

यह मूल्य विशेषताओं का उपयोग किये बिना मूल HTML पर काम करता है।

Answer 8

$('#select_id option:eq(0)').prop('selected', 'selected'); 

अपनी अच्छी

Answer 9

आप JQuery का उपयोग कर रहे हैं, तो 1.6 के बाद से आप का उपयोग करने के लिए है।सहारा() विधि:

$('select option:nth(1)').prop("selected","selected"); 

Answer 10

यह एक समाधान

$(document).on('change', 'select', function() { 
      var value = $(this).val(); 
      $(this).find('option[value="' + value + '"]').attr("selected", "selected"); 
     })