c# - 在文本框值更改时更改背景颜色

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>