javascript - 如何在 JavaScript 中重新填充下拉字段？

Question

请仔细检查我的代码:

JavaScript

var myColor = 'blue'; //This is dynamic

var str1 = 'Color: <select name="chat_color" id="chat_color"><option value="red">Red</option><option value="green">Green</option><option value="blue">Blue</option><option value="yellow">Yellow</option></select>\n\
\n\
 <input type="submit" class="loginbox-btn" value=" Save Color ">';

$('#example').html(str1);

在 JavaScript 代码上方，我的颜色当前为 blue，因此我想在 example div id 中显示 html，并在下拉列表中选择 Blue 颜色 -向下选项。

谢谢

Answer 1

您可以在选择元素上使用 .val() :

var myColor = 'blue'; //This is dynamic

var str1 = 'Color: <select name="chat_color" id="chat_color"><option value="red">Red</option><option value="green">Green</option><option value="blue">Blue</option><option value="yellow">Yellow</option></select>\n\
\n\
 <input type="submit" class="loginbox-btn" value=" Save Color ">';

$('#example').html(str1).find('#chat_color').val(myColor);

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<div id="example"></div>