blocks|key|472893|text|你应该使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|472894|$('#dropdownid').val('selectedvalue');|code-block|syntax|javascript|472895|下面是一个例子：|472896|​|472897|472898|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select+id='dropdownid'>
++++<option+value=''>-+Please+choose+-</option>
++++<option+value='1'>1</option>
++++<option+value='2'>2</option>
++++<option+value='selectedvalue'>There+we+go!</option>
++++<option+value='3'>3</option>
++++<option+value='4'>4</option>
++++<option+value='5'>5</option>
</select>|472899|472900|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|C|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|L|3|M|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|N|3|J|5|6|7|W|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|P|$]]

<h3>You should use</h3>
<pre><code>$('#dropdownid').val('selectedvalue');
</code></pre>
<h3>Here's an example:</h3>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$('#dropdownid').val('selectedvalue');</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;select id='dropdownid'&gt;
    &lt;option value=''&gt;- Please choose -&lt;/option&gt;
    &lt;option value='1'&gt;1&lt;/option&gt;
    &lt;option value='2'&gt;2&lt;/option&gt;
    &lt;option value='selectedvalue'&gt;There we go!&lt;/option&gt;
    &lt;option value='3'&gt;3&lt;/option&gt;
    &lt;option value='4'&gt;4&lt;/option&gt;
    &lt;option value='5'&gt;5&lt;/option&gt;
&lt;/select&gt;</code></pre>
</div>
</div>
</p>


blocks|key|689148|text|$('#mySelect').val('fg');...........|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|689149|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$('#mySelect').val('fg');...........
</code></pre>


blocks|key|689232|text|+$('#mySelect').val('ab').change();

+//+or

+$('#mySelect').val('ab').trigger("change");|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|689233|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> $('#mySelect').val('ab').change();

 // or

 $('#mySelect').val('ab').trigger("change");
</code></pre>


blocks|key|689398|text|你可以使用下面的jQuery代码，我觉得它更容易使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|689399|​|689400|$('#your_id+[value=3]').attr('selected',+'true');|code-block|syntax|javascript|689401|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select+id="your_id"+name="name"+class="form-control+input-md">
++<option+value="1">Option+#1</option>
++<option+value="2">Option+#2</option>
++<option+value="3">Option+#3</option>
++<option+value="4">Option+#4</option>
++<option+value="5">Option+#5</option>
++<option+value="6">Option+#6</option>
++<option+value="7">Option+#7</option>
</select>|689402|689403|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>You can use this jQuery code which I find it eaiser to use:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$('#your_id [value=3]').attr('selected', 'true');</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

&lt;select id="your_id" name="name" class="form-control input-md"&gt;
  &lt;option value="1"&gt;Option #1&lt;/option&gt;
  &lt;option value="2"&gt;Option #2&lt;/option&gt;
  &lt;option value="3"&gt;Option #3&lt;/option&gt;
  &lt;option value="4"&gt;Option #4&lt;/option&gt;
  &lt;option value="5"&gt;Option #5&lt;/option&gt;
  &lt;option value="6"&gt;Option #6&lt;/option&gt;
  &lt;option value="7"&gt;Option #7&lt;/option&gt;
&lt;/select&gt;</code></pre>
</div>
</div>
</p>


blocks|key|689126|text|您可以简单地使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|689127|$('#select_id').val('fg')|code-block|syntax|javascript|689128|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can simply use:   </p>

<pre><code>$('#select_id').val('fg')
</code></pre>


blocks|key|472960|text|在您的示例中，$("#mySelect").val("fg")+:)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|472961|entityMap^0|7|O|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>In your case <code>$("#mySelect").val("fg")</code> :)</p>


blocks|key|689290|text|回答可能太晚了，但至少有人会得到帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|689291|您可以尝试两个选项：|689292|这是当你想根据索引值赋值时的结果，其中'0‘是索引。|689293|+$('#mySelect').prop('selectedIndex',+0);|code-block|syntax|javascript|689294|不要使用'attr‘，因为它在最新的jquery中已经过时了。|689295|当您想要根据选项值进行选择时，请选择以下选项：|689296|+$('#mySelect').val('fg');|689297|其中'fg‘是选项值|689298|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|H|7|10|8|@]|9|@]|A|$I|J]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>May be too late to answer, but at least some one will get help.</p>

<p>You can try two options:</p>

<p>This is the result when you want to assign based on index value, where '0' is Index.</p>

<pre><code> $('#mySelect').prop('selectedIndex', 0);
</code></pre>

<p>don't use 'attr' since it is deprecated with latest jquery.</p>

<p>When you want to select based on option value then choose this :</p>

<pre><code> $('#mySelect').val('fg');
</code></pre>

<p>where 'fg' is the option value</p>


blocks|key|689405|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|689406|$('#dropdownid').val('selectedvalue');|code-block|syntax|javascript|689407|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select+id='dropdownid'>
++++<option+value=''>-+Please+choose+-</option>
++++<option+value='1'>1</option>
++++<option+value='2'>2</option>
++++<option+value='selectedvalue'>There+we+go!</option>
++++<option+value='3'>3</option>
++++<option+value='4'>4</option>
++++<option+value='5'>5</option>
</select>|689408|689409|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|M|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|I|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$('#dropdownid').val('selectedvalue');</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;select id='dropdownid'&gt;
    &lt;option value=''&gt;- Please choose -&lt;/option&gt;
    &lt;option value='1'&gt;1&lt;/option&gt;
    &lt;option value='2'&gt;2&lt;/option&gt;
    &lt;option value='selectedvalue'&gt;There we go!&lt;/option&gt;
    &lt;option value='3'&gt;3&lt;/option&gt;
    &lt;option value='4'&gt;4&lt;/option&gt;
    &lt;option value='5'&gt;5&lt;/option&gt;
&lt;/select&gt;</code></pre>
</div>
</div>
</p>


blocks|key|689476|text|这段代码对我来说很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|689477|$(function()+{
++++$('[id=mycolors]+option').filter(function()+{+
++++++++return+($(this).text()+==+'Green');+//To+select+Green
++++}).prop('selected',+true);
});|code-block|syntax|javascript|689478|使用此HTML选择列表：|689479|<select+id="mycolors">
++++++<option+value="1">Red</option>
++++++<option+value="2">Green</option>
++++++<option+value="3">Blue</option>
</select>|689480|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>This code worked for me:</p>
<pre><code>$(function() {
    $('[id=mycolors] option').filter(function() { 
        return ($(this).text() == 'Green'); //To select Green
    }).prop('selected', true);
});
</code></pre>
<p>With this HTML select list:</p>
<pre><code>&lt;select id=&quot;mycolors&quot;&gt;
      &lt;option value=&quot;1&quot;&gt;Red&lt;/option&gt;
      &lt;option value=&quot;2&quot;&gt;Green&lt;/option&gt;
      &lt;option value=&quot;3&quot;&gt;Blue&lt;/option&gt;
&lt;/select&gt;
</code></pre>


blocks|key|689208|text|您可以按名称选择下拉选项值|type|unstyled|depth|inlineStyleRanges|entityRanges|data|689209|//+deom
jQuery("#option_id").find("option:contains('Monday')").each(function()
{
+if(+jQuery(this).text()+==+'Monday'+)
+{
++jQuery(this).attr("selected","selected");
++}

});|code-block|syntax|javascript|689210|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can select dropdown option value by name </p>

<pre><code>// deom
jQuery("#option_id").find("option:contains('Monday')").each(function()
{
 if( jQuery(this).text() == 'Monday' )
 {
  jQuery(this).attr("selected","selected");
  }

});
</code></pre>


blocks|key|473136|text|我有一个不同的情况，下拉列表值已经是硬编码的。因为只有12个区，所以jQuery自动完成UI控件不是由代码填充的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|473137|解决方案要简单得多。因为我不得不费力地阅读其他文章，这些文章假设控件是动态加载的，但没有找到我需要的东西，然后最终弄清楚了。|473138|如下所示，设置所选索引如下所示，注意-input部分，它是对下拉id的补充：|473139|$('#project-locationSearch-dist-input').val('1');

++++++++++++++++<label+id="lblDistDDL"+for="project-locationSearch-input-dist"+title="Select+a+district+to+populate+SPNs+and+PIDs+or+enter+a+known+SPN+or+PID."+class="control-label">District</label>
++++++++++++++++<select+id="project-locationSearch-dist"+data-tabindex="1">
++++++++++++++++++++<option+id="optDistrictOne"+value="01">1</option>
++++++++++++++++++++<option+id="optDistrictTwo"+value="02">2</option>
++++++++++++++++++++<option+id="optDistrictThree"+value="03">3</option>
++++++++++++++++++++<option+id="optDistrictFour"+value="04">4</option>
++++++++++++++++++++<option+id="optDistrictFive"+value="05">5</option>
++++++++++++++++++++<option+id="optDistrictSix"+value="06">6</option>
++++++++++++++++++++<option+id="optDistrictSeven"+value="07">7</option>
++++++++++++++++++++<option+id="optDistrictEight"+value="08">8</option>
++++++++++++++++++++<option+id="optDistrictNine"+value="09">9</option>
++++++++++++++++++++<option+id="optDistrictTen"+value="10">10</option>
++++++++++++++++++++<option+id="optDistrictEleven"+value="11">11</option>
++++++++++++++++++++<option+id="optDistrictTwelve"+value="12">12</option>
++++++++++++++++</select>|code-block|syntax|javascript|473140|关于自动完成控件的另一件事是如何正确地禁用/清空它。我们有3个控件一起工作，其中2个是互斥的：|473141|//SPN
spnDDL.combobox({
++++select:+function+(event,+ui)+{
++++++++var+spnVal+=+spnDDL.val();
++++++++//fire+search+event
++++++++$('#project-locationSearch-pid-input').val('');
++++++++$('#project-locationSearch-pid-input').prop('disabled',+true);
++++++++pidDDL.empty();+//empty+the+pid+list
++++}
});
//get+the+labels+so+we+have+their+tool+tips+to+hand.
//this+way+we+don't+set+id+values+on+each+label
spnDDL.siblings('label').tooltip();

//PID
pidDDL.combobox({
++++select:+function+(event,+ui)+{
++++++++var+pidVal+=+pidDDL.val();
++++++++//fire+search+event
++++++++$('#project-locationSearch-spn-input').val('');
++++++++$('#project-locationSearch-spn-input').prop('disabled',+true);
++++++++spnDDL.empty();+//empty+the+spn+list
++++}
});|473142|其中一些内容超出了这篇文章的范围，我不知道该把它放在哪里。因为这很有帮助，而且花了一些时间才弄明白，所以它被分享了。|473143|还有..。要启用这样的控件，它是(disabled，false)和NOT+(enabled，true)+--这也需要一些时间才能弄清楚。:)|473144|除了这篇文章之外，唯一需要注意的是：|473145|++++/*
Note,+when+working+with+the+jQuery+Autocomplete+UI+control,
the+xxx-input+control+is+a+text+input+created+at+the+time+a+selection
from+the+drop+down+is+picked.++Thus,+it's+created+at+that+point+in+time
and+its+value+must+be+picked+fresh.++Can't+be+put+into+a+var+and+re-used
like+the+drop+down+list+part+of+the+UI+control.++So+you+get+spnDDL.empty()
where+spnDDL+is+a+var+created+like+var+spnDDL+=+$('#spnDDL);++But+you+can't
do+this+with+the+input+part+of+the+control.++Winded+explanation,+yes.++That's+how
I+have+to+do+my+notes+or+6+months+from+now+I+won't+know+what+a+short+hand+note+means
at+all.+:)+
*/
++++//district
++++$('#project-locationSearch-dist').combobox({
++++++++select:+function+(event,+ui)+{
++++++++++++//enable+spn+and+pid+drop+downs
++++++++++++$('#project-locationSearch-pid-input').prop('disabled',+false);
++++++++++++$('#project-locationSearch-spn-input').prop('disabled',+false);
++++++++++++//clear+them+of+old+values
++++++++++++pidDDL.empty();
++++++++++++spnDDL.empty();
++++++++++++//get+new+values
++++++++++++GetSPNsByDistrict(districtDDL.val());
++++++++++++GetPIDsByDistrict(districtDDL.val());
++++++++}
++++});|473146|所有的分享都是因为它花了太长的时间去学习这些东西。希望这能对你有所帮助。|473147|entityMap^0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|13|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|15|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|17|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|18|8|@]|9|@]|A|$]]|$1|U|3|V|5|H|7|19|8|@]|9|@]|A|$I|J]]|$1|W|3|X|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|Z|$]]

<p>I have a different situation, where the drop down list values are already hard coded.  There are only 12 districts so the jQuery Autocomplete UI control isn't populated by code.</p>

<p>The solution is much easier.  Because I had to wade through other posts where it was assumed the control was being dynamically loaded, wasn't finding what I needed and then finally figured it out.</p>

<p>So where you have HTML as below, setting the selected index is set like this, note the -input part, which is in addition to the drop down id:  </p>

<pre><code>$('#project-locationSearch-dist-input').val('1');

                &lt;label id="lblDistDDL" for="project-locationSearch-input-dist" title="Select a district to populate SPNs and PIDs or enter a known SPN or PID." class="control-label"&gt;District&lt;/label&gt;
                &lt;select id="project-locationSearch-dist" data-tabindex="1"&gt;
                    &lt;option id="optDistrictOne" value="01"&gt;1&lt;/option&gt;
                    &lt;option id="optDistrictTwo" value="02"&gt;2&lt;/option&gt;
                    &lt;option id="optDistrictThree" value="03"&gt;3&lt;/option&gt;
                    &lt;option id="optDistrictFour" value="04"&gt;4&lt;/option&gt;
                    &lt;option id="optDistrictFive" value="05"&gt;5&lt;/option&gt;
                    &lt;option id="optDistrictSix" value="06"&gt;6&lt;/option&gt;
                    &lt;option id="optDistrictSeven" value="07"&gt;7&lt;/option&gt;
                    &lt;option id="optDistrictEight" value="08"&gt;8&lt;/option&gt;
                    &lt;option id="optDistrictNine" value="09"&gt;9&lt;/option&gt;
                    &lt;option id="optDistrictTen" value="10"&gt;10&lt;/option&gt;
                    &lt;option id="optDistrictEleven" value="11"&gt;11&lt;/option&gt;
                    &lt;option id="optDistrictTwelve" value="12"&gt;12&lt;/option&gt;
                &lt;/select&gt;
</code></pre>

<p>Something else figured out about the Autocomplete control is how to properly disable/empty it.  We have 3 controls working together, 2 of them mutually exclusive:</p>

<pre><code>//SPN
spnDDL.combobox({
    select: function (event, ui) {
        var spnVal = spnDDL.val();
        //fire search event
        $('#project-locationSearch-pid-input').val('');
        $('#project-locationSearch-pid-input').prop('disabled', true);
        pidDDL.empty(); //empty the pid list
    }
});
//get the labels so we have their tool tips to hand.
//this way we don't set id values on each label
spnDDL.siblings('label').tooltip();

//PID
pidDDL.combobox({
    select: function (event, ui) {
        var pidVal = pidDDL.val();
        //fire search event
        $('#project-locationSearch-spn-input').val('');
        $('#project-locationSearch-spn-input').prop('disabled', true);
        spnDDL.empty(); //empty the spn list
    }
});
</code></pre>

<p>Some of this is beyond the scope of the post and I don't know where to put it exactly.  Since this is very helpful and took some time to figure out, it's being shared.</p>

<p>Und Also ... to enable a control like this, it's (disabled, false) and NOT (enabled, true) -- that also took a bit of time to figure out. :) </p>

<p>The only other thing to note, much in addition to the post, is:</p>

<pre><code>    /*
Note, when working with the jQuery Autocomplete UI control,
the xxx-input control is a text input created at the time a selection
from the drop down is picked.  Thus, it's created at that point in time
and its value must be picked fresh.  Can't be put into a var and re-used
like the drop down list part of the UI control.  So you get spnDDL.empty()
where spnDDL is a var created like var spnDDL = $('#spnDDL);  But you can't
do this with the input part of the control.  Winded explanation, yes.  That's how
I have to do my notes or 6 months from now I won't know what a short hand note means
at all. :) 
*/
    //district
    $('#project-locationSearch-dist').combobox({
        select: function (event, ui) {
            //enable spn and pid drop downs
            $('#project-locationSearch-pid-input').prop('disabled', false);
            $('#project-locationSearch-spn-input').prop('disabled', false);
            //clear them of old values
            pidDDL.empty();
            spnDDL.empty();
            //get new values
            GetSPNsByDistrict(districtDDL.val());
            GetPIDsByDistrict(districtDDL.val());
        }
    });
</code></pre>

<p>All shared because it took too long to learn these things on the fly.  Hope this is helpful.</p>


blocks|key|473211|text|$('select#myselect+option[value="ab"]')|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|473212|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre class="lang-js prettyprint-override"><code>$('select#myselect option[value=&quot;ab&quot;]')
</code></pre>


blocks|key|689528|text|这两种方法都可用于获取所选的选项值|type|unstyled|depth|inlineStyleRanges|entityRanges|data|689529|$('#dropdownID').on('change',+function+()+{
++++++++var+dropdownselected=$("#dropdownID+option:selected").val();
++++++++});
+++++
+++++or+
+++++
+++++$('#dropdownID').on('change',+function+()+{
++++++++var+dropdownselected=this.selectedOptions[0].value;
+++++});|code-block|syntax|javascript|689530|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>either can be used to get the  selected option value</p>
<pre><code>$('#dropdownID').on('change', function () {
        var dropdownselected=$(&quot;#dropdownID option:selected&quot;).val();
        });
     
     or 
     
     $('#dropdownID').on('change', function () {
        var dropdownselected=this.selectedOptions[0].value;
     });
</code></pre>


<p>I want set a dropdown(select) to be change based on the value of the entries.</p>

<p>I have</p>

<pre><code>&lt;select id="mySelect"&gt;
  &lt;option value="ps"&gt;Please Select&lt;/option&gt;
  &lt;option value="ab"&gt;Fred&lt;/option&gt;
  &lt;option value="fg"&gt;George&lt;/option&gt;
  &lt;option value="ac"&gt;Dave&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>And I know that I want to change the dropdown so that the option with the value of "fg" is selected. How can I do this with JQuery?</p>


JQuery - how to select dropdown item based on value

jQuery

我想要设置一个下拉列表(Select)来根据条目的值进行更改。我有过<select id="mySelect">  <option value="ps">Please Select</option>  <option value="ab">Fred</option>  <option value="fg">George</option>  <option value="ac">Dave</opti

问JQuery -如何根据值选择下拉项
EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery -如何根据值选择下拉项EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery -如何根据值选择下拉项
EN