Jquery mobile 如何根据选择更改jquery mobile select菜单按钮的背景色？

如何根据选择更改jquery mobile select菜单按钮的背景色

下面是到目前为止我的代码。它仅更改选项值背景色，而不更改选择菜单按钮背景色

<select id="colormenu" data-mini="true" >
<option value="red">red</option>
<option value="green">green</option>
<option value="blue">blue</option>
<option value="black">black</option>
</select>   


$("#colormenu").css("background-color", $(this).val())

我不确定你的确切问题是什么，但这说明了你的代码如何可以改变背景颜色的选择元素的价值。也许你搞错了

$(function() { //document load event
    $("#colormenu").change(function() { //change event of element
        $(this).css("background-color", $(this).val())
    })
})

编辑：或者你发布的代码是你唯一的代码？然后，解释是您必须将代码连接到元素chage事件。这需要在文档加载后完成

编辑：解决方案是这样的，您需要针对正确的元素，jquery mobile会生成许多新元素：

$("#colormenu-button").css("background-color", $(this).val())

我不确定你的确切问题是什么，但这说明了你的代码如何可以改变背景颜色的选择元素的价值。也许你搞错了

$(function() { //document load event
    $("#colormenu").change(function() { //change event of element
        $(this).css("background-color", $(this).val())
    })
})

编辑：或者你发布的代码是你唯一的代码？然后，解释是您必须将代码连接到元素chage事件。这需要在文档加载后完成

编辑：解决方案是这样的，您需要针对正确的元素，jquery mobile会生成许多新元素：

$("#colormenu-button").css("background-color", $(this).val())

---

您的示例在没有jquerymobile的情况下工作。我已经用jquerymobileeexternalresource更新了fiddle。请看@user3189644好的，那么jquerymobile就是问题所在。这会生成许多新的样式元素，因此您需要针对正确的单色菜单按钮。请参阅我文章的底部，了解正确的answet和工作JSFIDDLE。您的示例在没有jquery mobile的情况下工作。我已经用jquerymobileeexternalresource更新了fiddle。请看@user3189644好的，那么jquerymobile就是问题所在。这会生成许多新的样式元素，因此您需要针对正确的单色菜单按钮。请参阅我文章的底部，了解正确的answet和working JSFIDLE