Question

如何根据选择更改jquery移动选择菜单按钮背景颜色？

以下是我的代码。它只更改选项值背景颜色，但不选择菜单按钮背景颜色。

<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())

Answer 1

我不确定您的确切问题是什么，但这说明了如何使用代码更改select元素的背景颜色。也许你的活动错了？

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

http://jsfiddle.net/08e77sr9/

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

编辑：解决方案就是这样，你需要定位正确的元素，jquery mobile会生成很多新元素：

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

http://jsfiddle.net/9xkx46up/

如何根据选择更改jquery移动选择菜单按钮背景颜色？

1 个答案: