更改文本框值更改的背景颜色答案

【问题标题】：Change background color upon textbox value changed更改文本框值更改的背景颜色
【发布时间】：2014-02-18 04:51:04
【问题描述】：

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

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

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

还有文本框

<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;
}

【问题讨论】：

你有什么问题？你得到什么错误？会发生什么？
我很困惑你的问题是什么，你期望看到什么发生，而不是发生了什么？
颜色没有变化...这是错误
那么，当你记录 $("#colorPickerTextBox").val() 时会输出什么？函数是否被执行？
@EmeryFramboise 我现在通过这样做检查了 $("#colorPickerTextBox").change(function () { $('#page').css('background', '#FFFFF'); });这不起作用

标签： c# jquery html css ajax

【解决方案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>

【讨论】：

不客气（但请避免使用此类 cmets :)）