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

请仔细检查我的代码：

JavaScript

var myColor='blue'//这是动态的
var str1='颜色：红-绿-蓝-黄\n\
\n\
';
$（'#示例'）.html（str1）；

在上面的JavaScript代码中，我的颜色当前为

蓝色

，因此我想在

示例

div id中显示html，并在下拉选项中选择

蓝色

颜色

谢谢

您可以在选择元素上使用.val（）：

var myColor='blue'//这是动态的
var str1='颜色：红-绿-蓝-黄\n\
\n\
';
$（'#example'）.html（str1）.find（'#chat_color'）.val（myColor）

您可以在选择元素上使用.val（）：


var myColor='blue'//这是动态的
var str1='颜色：红-绿-蓝-黄\n\
\n\
';
$（'#example'）.html（str1）.find（'#chat_color'）.val（myColor）
您可以检查颜色并设置HTML属性selected=“selected”

var myColor='blue'//这是动态的
var str1='颜色：红-绿-蓝-黄'；
$（'#示例'）.html（str1）；
您可以检查颜色并设置HTML属性selected=“selected”

var myColor='blue'//这是动态的
var str1='颜色：红-绿-蓝-黄'；
$（'#示例'）.html（str1）；
试试这个：

 ......//Rest of your code
 $('#example').html(str1);
 $('#chat_color').val(myColor); //Value of select is myColor

拨弄
试试这个：

 ......//Rest of your code
 $('#example').html(str1);
 $('#chat_color').val(myColor); //Value of select is myColor

Fiddle
您可以找到正确的元素，并将其选中，如下所示：

$("input[value=" + myColor + "]").prop("selected", "selected");

您可以找到正确的图元，并将其选中，如下所示：

$("input[value=" + myColor + "]").prop("selected", "selected");

您可以使用
.val（value）
设置匹配元素集中每个元素的值。

因此，在将下拉框添加到

您可以使用
.val（value）
设置匹配元素集中每个元素的值。

因此，在将下拉框添加到

没问题，但我建议使用@R4nc 1d的答案没问题，但我建议使用@R4nc 1d的答案
$('#example').html(str1);
$("#chat_color").val(myColor);