Question

当从 ASPColorPicker 中选择颜色并且颜色代码在文本框中时，我想更改网页的背景颜色。我有这个 jQuery 代码

<script type="text/javascript">
    function changeColor() {
        $('#page').css('background', $("#colorPickerTextBox").val());
    }

    $("#colorPickerTextBox").change(changeColor);
</script>

TextBox

<asp:TextBox ID="colorPickerTextBox" onchange="changeColor" runat="server">
</asp:TextBox>
<asp:ColorPickerExtender TargetControlID="colorPickerTextBox" ID="ColorPicker" runat="server">
</asp:ColorPickerExtender>

在 CSS 中我有这个ID

#page {
  width: 990px;
  margin: 0 auto;
  padding: 20px 5px;
  background: #FF99FF;
}

Answer 1

请参阅this link。

添加JavaScript函数：

function selectedColorChanged(sender) {  
    $("#page").css({
        backgroundColor: "#" + sender.get_selectedColor()
    }); 
}

OnClientColorSelectionChanged带有此函数名称的参数ColorPickerExtender：

<asp:ColorPickerExtender TargetControlID="colorPickerTextBox"
    ID="ColorPicker"
    runat="server"
    OnClientColorSelectionChanged="selectedColorChanged">
</asp:ColorPickerExtender>

更改文本框值的背景颜色

1 个答案: