Javascript 在样式标记上插入变量

我需要根据下拉列表选择更改文本的颜色

<select id="room2">
    <option>#0808cf</option>
    <option>#0E9E26</option>
</select>
<input type="text" id="txtColor">
   John: <p style="color:#0808cf" > test </p>

我不希望更改在css中，因为select id不是常量。我希望将其插入到p样式标记中。我还需要文本是约翰：测试在一行中。我试过了，但没用。多谢各位

<p style="color:"+fontColor+" > test </p>

演示：

试试-

---

如果你想让你的John:测试在同一条线上，你需要：

将p块级别更改为类似于跨距内联或 强制p与css display:inline一起充当内联。 使用jQuery，您需要使用css函数来更改元素的样式属性。像这样：

$('selector for element you want to change').css('color', $("#your-select-element").val());

您可能会将其放入事件处理程序中，以供选择：

---

通过将标记放在我的html代码过滤器后，使其正常工作。因此，每当我附加一条消息时，当var被发送到websocketsend方法时，它都将被存储为变量并读取为JS。谢谢你

这很好，但是有什么方法可以在样式标签中实现吗？样式=颜色：+fontColor+>。不。JS将在页面加载过程中设置fontColor，将其分配给p样式，即使您稍后更新fontColor的值-如果不重新应用新值，它将不会影响。有什么方法可以在样式标记中这样做吗？为什么您需要在这段代码中使用它？你“需要”的东西是行不通的。上面将样式属性设置为color:X，其中X是选择的值。根据我从你的问题中收集到的信息，这就是你想要发生的事情。因为我正在聊天，并附加每个

。如果我使用您的代码执行此操作，则每次用户选择不同的颜色时，所有标记都将更改。我希望颜色更改对每个都是唯一的，然后给它一个类或ID，并将$span.changemycolor选择器更改为基于该类或ID进行选择。顺便说一下，显然，您需要的是span而不是p这样的内联元素。这不起作用“

”我尝试了

，但这与您给出的jquery一样有效，所有都在每次更改颜色

$('#colors').change(function(){
    $('p').css( 'color', $(this).val() );
});

$('selector for element you want to change').css('color', $("#your-select-element").val());

$("select#colors").change(function() {
    $("span.changemycolor").css('color', $(this).val());
    // 'this', in this case, is your select element
});