blocks|key|2555748|text|您要做的是设置选择框的selectedIndex属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2555749|country.options.selectedIndex+=+index_of_indonesia;|code-block|syntax|javascript|2555750|在IE中，更改“选定”属性通常不起作用。如果你真的想要你描述的行为，我建议你写一个自定义的javascript重置函数，将表单中的所有其他值重置为它们的默认值。|2555751|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

What you want to do is set the selectedIndex attribute of the select box.

<pre><code>country.options.selectedIndex = index_of_indonesia;
</code></pre>

Changing the 'selected' attribute will generally not work in IE. If you really want the behavior you're describing, I suggest you write a custom javascript reset function to reset all the other values in the form to their default.

blocks|key|488556|text|//+Get+<select>+object
var+sel+=+$('country');

//+Loop+through+and+look+for+value+match,+then+break
for(i=0;i<sel.length;i%2B%2B)+{+if(sel.value=="ID")+{+break;+}+}

//+Select+index+
sel.options.selectedIndex+=+i;|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|488557|贝吉图·哈哈。|unstyled|488558|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>// Get &lt;select&gt; object
var sel = $('country');

// Loop through and look for value match, then break
for(i=0;i&lt;sel.length;i++) { if(sel.value=="ID") { break; } }

// Select index 
sel.options.selectedIndex = i;
</code></pre>

Begitu loh.

blocks|key|2555810|text|问得好。您需要修改HTML本身，而不是依赖于DOM属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2555811|var+opt+=+$("option[val=ID]"),
++++html+=+$("<div>").append(opt.clone()).html();
html+=+html.replace(/\>/,+'+selected="selected">');
opt.replaceWith(html);|code-block|syntax|javascript|2555812|代码获取印度尼西亚的option元素，克隆它并将其放入一个新的div+(不在文档中)以检索完整的HTML：<option+value="ID">Indonesia</option>。|offset|length|style|CODE|2555813|然后执行字符串替换，将属性selected="selected"作为字符串添加，然后将原始选项替换为这个新选项。|2555814|我在IE7上进行了测试。在重置按钮正常工作的情况下可在此处查看：http://jsfiddle.net/XmW49/|2555815|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/XmW49/^0|0|0|1H|11|0|D|J|0|W|Q|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@$I|11|J|12|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@$I|14|J|15|K|L]]|9|@]|A|$]]|$1|O|3|P|5|6|7|16|8|@]|9|@$I|17|J|18|1|19]]|A|$]]|$1|Q|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

Good question. You will need to modify the HTML itself rather than rely on DOM properties.

<pre><code>var opt = $("option[val=ID]"),
 html = $("&lt;div&gt;").append(opt.clone()).html();
html = html.replace(/\&gt;/, ' selected="selected"&gt;');
opt.replaceWith(html);
</code></pre>

The code grabs the option element for Indonesia, clones it and puts it into a new div (not in the document) to retrieve the full HTML string: <code>&lt;option value="ID"&gt;Indonesia&lt;/option&gt;</code>.

It then does a string replace to add the attribute <code>selected="selected"</code> as a string, before replacing the original option with this new one.

I tested it on IE7. See it with the reset button working properly here: <a href="http://jsfiddle.net/XmW49/" rel="noreferrer">http://jsfiddle.net/XmW49/</a>

blocks|key|4152523|text|你想太多了：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4152524|var+country+=+document.getElementById("country");
country.options[country.options.selectedIndex].selected+=+true;|code-block|syntax|javascript|4152525|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|$]]

You're overthinking it:

<pre><code>var country = document.getElementById("country");
country.options[country.options.selectedIndex].selected = true;
</code></pre>

blocks|key|2555833|text|//+get+the+OPTION+we+want+selected
var+$option+=+$('#SelectList').children('option[value="'%2B+id+%2B'"]');
//+and+now+set+the+option+we+want+selected
$option.attr('selected',+true);​​|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2555834|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>// get the OPTION we want selected
var $option = $('#SelectList').children('option[value="'+ id +'"]');
// and now set the option we want selected
$option.attr('selected', true);​​
</code></pre>

blocks|key|4152557|text|您应该从relative+option元素中设置所需的值，而不是修改HTML本身：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4152558|$(function()+{
++++$("#country").val("ID");
});|code-block|syntax|javascript|4152559|在本例中，"ID“是选项”印度尼西亚“的值。|4152560|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Instead of modifying the HTML itself, you should just set the value you want from the relative option element:

<pre><code>$(function() {
 $("#country").val("ID");
});
</code></pre>

In this case "ID" is the value of the option "Indonesia"

blocks|key|1593454|text|这在FF、IE9中有效|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1593455|var+x+=+document.getElementById("country").children[2];
x.setAttribute("selected",+"selected");|code-block|syntax|javascript|1593456|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|$]]

This works in FF, IE9

<pre><code>var x = document.getElementById("country").children[2];
x.setAttribute("selected", "selected");
</code></pre>

blocks|key|4152627|text|要在运行时设置输入选项，请尝试设置“checked”值。(即使它不是一个复选框)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4152628|elem.checked=true;|code-block|syntax|javascript|4152629|其中elem是对要选择的选项的引用。|4152630|因此，对于上述问题：|4152631|var+country+=+document.getElementById("country");
country.options[country.options.selectedIndex].checked=true;|4152632|这对我很有效，即使选项没有包含在。|4152633|如果所有标签共享相同的名称，则应在选中新标签时取消选中。|4152634|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|W|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

To set the input option at run time try setting the 'checked' value. (even if it isn't a checkbox)

<pre><code>elem.checked=true;
</code></pre>

Where elem is a reference to the option to be selected.

So for the above issue:

<pre><code>var country = document.getElementById("country");
country.options[country.options.selectedIndex].checked=true;
</code></pre>

This works for me, even when the options are not wrapped in a .

If all of the tags share the same name, they should uncheck when the new one is checked.

blocks|key|488757|text|你可以搜索所有的选项值，直到它找到正确的值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|488758|var+defaultVal+=+"Country";
$("#select").find("option").each(function+()+{

++++if+($(this).val()+==+defaultVal)+{

++++++++$(this).prop("selected",+"selected");
++++}
});|code-block|syntax|javascript|488759|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|$]]

You could search all the option values until it finds the correct one. 

<pre><code>var defaultVal = "Country";
$("#select").find("option").each(function () {

 if ($(this).val() == defaultVal) {

 $(this).prop("selected", "selected");
 }
});
</code></pre>

blocks|key|1593508|text|这应该是可行的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1593509|$("#country+[value='ID']").attr("selected","selected");|code-block|syntax|javascript|1593510|如果您有绑定到元素的函数调用，只需在它后面加上类似这样的内容|1593511|$("#country").change();|1593512|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|$]]

This should work. 

<pre><code>$("#country [value='ID']").attr("selected","selected");
</code></pre>

If you have function calls bound to the element just follow it with something like 

<pre><code>$("#country").change();
</code></pre>

blocks|key|2556007|text|认识到这是一个老问题，但使用新版本的JQuery，您现在可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2556008|$("option[val=ID]").prop("selected",true);|code-block|syntax|javascript|2556009|这与Box9的选择答案在一行中完成了相同的事情。|2556010|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Realize this is an old question, but with the newer version of JQuery you can now do the following:

<pre><code>$("option[val=ID]").prop("selected",true);
</code></pre>

This accomplishes the same thing as Box9's selected answer in one line.

blocks|key|1595359|text|这么多错误的答案！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1595360|要指定表单域在重置表单时应恢复为的值，请使用以下属性：|1595361|下拉列表中的其他控件复选框或单选按钮：defaultChecked|offset|length|style|CODE|1595362|Any+other+|unordered-list-item|1595363|
|1595364|：defaultSelected|1595365|
：|1595366|1595367|1595368|因此，要将当前选定的选项指定为默认选项：|1595369|var+country+=+document.getElementById("country");
country.options[country.selectedIndex].defaultSelected+=+true;|code-block|syntax|javascript|1595370|为每个选项设置defaultSelected值可能是个好主意，以防之前已经设置了一个：|1595371|var+country+=+document.getElementById("country");
for+(var+i+=+0;+i+<+country.options.length;+i%2B%2B)+{
++++country.options[i].defaultSelected+=+i+==+country.selectedIndex;
}|1595372|现在，当表单被重置时，所选的选项将是您指定的选项。|1595373|entityMap^0|0|0|J|E|0|0|0|1|F|0|0|0|0|0|0|7|F|0|0|0^^$0|@$1|2|3|4|5|6|7|19|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1A|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1B|8|@$F|1C|G|1D|H|I]]|9|@]|A|$]]|$1|J|3|K|5|L|7|1E|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1F|8|@]|9|@]|A|$]]|$1|O|3|P|5|L|7|1G|8|@$F|1H|G|1I|H|I]]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1J|8|@]|9|@]|A|$]]|$1|S|3|-4|5|L|7|1K|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1M|8|@]|9|@]|A|$]]|$1|W|3|X|5|Y|7|1N|8|@]|9|@]|A|$Z|10]]|$1|11|3|12|5|6|7|1O|8|@$F|1P|G|1Q|H|I]]|9|@]|A|$]]|$1|13|3|14|5|Y|7|1R|8|@]|9|@]|A|$Z|10]]|$1|15|3|16|5|6|7|1S|8|@]|9|@]|A|$]]|$1|17|3|-4|5|6|7|1T|8|@]|9|@]|A|$]]]|18|$]]

So many wrong answers!

To specify the value that a form field should revert to upon resetting the form, use the following properties:

<ul>
<li>Checkbox or radio button: <code>defaultChecked</code></li>
<li>Any other <code>&lt;input&gt;</code> control: <code>defaultValue</code></li>
<li>Option in a drop down list: <code>defaultSelected</code></li>
</ul>

So, to specify the currently selected option as the default:

<pre><code>var country = document.getElementById("country");
country.options[country.selectedIndex].defaultSelected = true;
</code></pre>

It may be a good idea to set the <code>defaultSelected</code> value for every option, in case one had previously been set:

<pre><code>var country = document.getElementById("country");
for (var i = 0; i &lt; country.options.length; i++) {
 country.options[i].defaultSelected = i == country.selectedIndex;
}
</code></pre>

Now, when the form is reset, the selected option will be the one you specified.

blocks|key|488906|text|我尝试使用$(...).val()函数执行类似的操作，但该函数并不存在。事实证明，您可以手动设置该值，方法与对<input>执行此操作相同|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|488907|//+Set+value+to+Indonesia+("ID"):
$('#country').value+=+'ID'|code-block|syntax|javascript|488908|...and+it+get会在select中自动更新。至少可以在Firefox上运行；您可能想在其他版本中尝试一下。|488909|entityMap^0|5|C|1J|7|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

I was trying something like this using the <code>$(...).val()</code> function, but the function did not exist. It turns out that you can manually set the value the same way you do it for an <code>&lt;input&gt;</code>:

<pre><code>// Set value to Indonesia ("ID"):
$('#country').value = 'ID'
</code></pre>

...and it get's automatically updated in the select. Works on Firefox at least; you might want to try it out in the others.

blocks|key|4152815|text|select+=+document.getElementById('selectId');
var+opt+=+document.createElement('option');
++++opt.value+=+'value';
++++opt.innerHTML+=+'name';
++++opt.selected+=+true;
++++select.appendChild(opt);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4152816|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>select = document.getElementById('selectId');
var opt = document.createElement('option');
 opt.value = 'value';
 opt.innerHTML = 'name';
 opt.selected = true;
 select.appendChild(opt);
</code></pre>

blocks|key|1593585|text|这个页面上的想法是有帮助的，但我的场景是不同的。因此，在node+bootstrap+/+express+node+js+/+aws+beanstalk中，这对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1593586|var+modal+=+$(this);
modal.find(".modal-body+select#cJourney").val(vcJourney).attr("selected","selected");|code-block|syntax|javascript|1593587|我的变量和下拉值存储在select+ID+=+"cJourney"中：vcJourney|offset|length|style|CODE|1593588|entityMap^0|0|0|B|M|Z|9|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

The ideas on this page were helpful, yet as ever my scenario was different. So, in modal bootstrap / express node js / aws beanstalk, this worked for me:

<pre><code>var modal = $(this);
modal.find(".modal-body select#cJourney").val(vcJourney).attr("selected","selected");
</code></pre>

Where my <code>select ID = "cJourney"</code> and the drop down value was stored in variable: <code>vcJourney</code>

blocks|key|2556138|text|对于选定的选项标记，使用set+attribute在JavaScript中设置值的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2556139|var+newvalue+=+10;
var+x+=+document.getElementById("optionid").selectedIndex;
++++document.getElementById("optionid")[x].setAttribute('value',+newvalue);|code-block|syntax|javascript|2556140|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|$]]

To set value in JavaScript using set attribute , for selected option tag
<pre><code>var newvalue = 10;
var x = document.getElementById(&quot;optionid&quot;).selectedIndex;
 document.getElementById(&quot;optionid&quot;)[x].setAttribute('value', newvalue);
</code></pre>

blocks|key|488998|text|香草JS|type|unstyled|depth|inlineStyleRanges|entityRanges|data|488999|将其用于Vanilla+Javascript，请记住，您可以向示例"numbers“数组提供来自fetch函数的任何数据(例如)。|offset|length|style|CODE|489000|初始HTML代码：|489001|<label+for="the_selection">
++++<select+name="the_selection"+id="the_selection_id">
++++++++
++++</select>
</label>|code-block|syntax|javascript|489002|一些值select标签：|489003|const+selectionList+=+document.getElementById('the_selection_id');
const+numbers+=+['1','3','5'];

numbers.forEach(number+=>+{
++++const+someOption+=+document.createElement('option');
++++someOption.setAttribute('value',+number);
++++someOption.innerText+=+number;
++++if+(number+==+'3')+someOption.defaultSelected+=+true;
++++selectionList.appendChild(someOption);
})|489004|你会得到：|489005|<label+for="the_selection">
++++<select+name="the_selection"+id="the_selection_id">
++++++++
++++++++<option+value="1">1</option>
++++++++<option+value="3"+selected>3</option>
++++++++<option+value="5">5</option>
++++</select>
</label>|489006|entityMap^0|0|1C|5|0|0|0|3|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@$D|10|E|11|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|13|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|14|8|@$D|15|E|16|F|G]]|9|@]|A|$]]|$1|Q|3|R|5|L|7|17|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|18|8|@]|9|@]|A|$]]|$1|U|3|V|5|L|7|19|8|@]|9|@]|A|$M|N]]|$1|W|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|X|$]]

<h1>Vanilla JS</h1>
Use this for Vanilla Javascript, keeping in mind that you can feed the example &quot;numbers&quot; array with any data from a <code>fetch</code> function (for example).
The initial HTML code:
<pre><code>&lt;label for=&quot;the_selection&quot;&gt;
 &lt;select name=&quot;the_selection&quot; id=&quot;the_selection_id&quot;&gt;
 &lt;!-- Empty Selection --&gt;
 &lt;/select&gt;
&lt;/label&gt;
</code></pre>
Some values <code>select</code> tag:
<pre><code>const selectionList = document.getElementById('the_selection_id');
const numbers = ['1','3','5'];

numbers.forEach(number =&gt; {
 const someOption = document.createElement('option');
 someOption.setAttribute('value', number);
 someOption.innerText = number;
 if (number == '3') someOption.defaultSelected = true;
 selectionList.appendChild(someOption);
})
</code></pre>
You'll get:
<pre><code>&lt;label for=&quot;the_selection&quot;&gt;
 &lt;select name=&quot;the_selection&quot; id=&quot;the_selection_id&quot;&gt;
 &lt;!-- Empty Selection --&gt;
 &lt;option value=&quot;1&quot;&gt;1&lt;/option&gt;
 &lt;option value=&quot;3&quot; selected&gt;3&lt;/option&gt;
 &lt;option value=&quot;5&quot;&gt;5&lt;/option&gt;
 &lt;/select&gt;
&lt;/label&gt;
</code></pre>

I have a dynamically created select option using a javascript function. the select object is

<pre><code>&lt;select name="country" id="country"&gt;
&lt;/select&gt;
</code></pre>

when the js function is executed, the "country" object is

<pre><code>&lt;select name="country" id="country"&gt;
 &lt;option value="AF"&gt;Afghanistan&lt;/option&gt;
 &lt;option value="AL"&gt;Albania&lt;/option&gt;
 ...
 &lt;option value="ID"&gt;Indonesia&lt;/option&gt;
 ...
 &lt;option value="ZW"&gt;Zimbabwe&lt;/option&gt;
&lt;/select&gt;
</code></pre>

and displaying "Indonesia" as default selected option. note : there is no <code>selected="selected"</code> attribute in that option.

then I need to set <code>selected="selected"</code> attribute to "Indonesia", and I use this 

<pre><code>var country = document.getElementById("country");
country.options[country.options.selectedIndex].setAttribute("selected", "selected");
</code></pre>

using firebug, I can see the "Indonesia" option is like this

<pre><code>&lt;option value="ID" selected="selected"&gt;Indonesia&lt;/option&gt;
</code></pre>

but it fails in IE (tested in IE 8).

and then I have tried using jQuery 

<pre><code>$( function() {
 $("#country option:selected").attr("selected", "selected");
});
</code></pre>

it fails both in FFX and IE.

I need the "Indonesia" option to have <code>selected="selected"</code> attribute so when I click reset button, it will select "Indonesia" again.

changing the js function to dynamically create "country" options is not an option. the solution must work both in FFX and IE.

thank you

set option "selected" attribute from dynamic created option

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个使用javascript函数动态创建的select选项。选择对象为<select name="country" id="country"></select>当执行js函数时，"country“对象是<select name="country" id="country"> <option value="AF...

问从动态创建的选项中设置选项"selected“属性
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从动态创建的选项中设置选项"selected“属性EN