【问题标题】:Append CSS onChange with Array Value(s)使用数组值附加 CSS onChange
【发布时间】:2011-09-16 17:52:33
【问题描述】:

我有一个应用程序,当从表单下拉列表中选择配色方案时,与该配色方案关联的十六进制值会从每个字段的数组值填充特定的文本字段(这部分有效)。我无法让应用程序做的是更改文本字段的背景颜色以匹配该特定值。

我有一个小提琴:http://jsfiddle.net/z4WxP/7/

我已经尝试(多种变体)添加一个类并进行 css 附加以填充该值无济于事,如下所示:

document.getElementsByName('color_body_bg')[0].value = bodyBG[text].css('background-color',value = bodyBG[text]);

【问题讨论】:

  • 那个 JS 有这么多问题......今天不值得偏头痛。从object literal notation 开始,而不是使用Array 作为Object。从那里去。

标签: jquery css arrays append


【解决方案1】:
  document.getElementsByName('color_body_bg')[0].style.backgroundColor = bodyBG[text];

这是它的基本代码

http://jsfiddle.net/XqCQJ/

【讨论】:

  • 优秀。 Joseph 和 Tarek - 你的两个解决方案都有效。它们是如此简单,以至于我正在考虑将荷马的商标“D'oh”从他手中夺走。谢谢!
  • @farsider 不客气。 :) 它发生在每个人身上。长时间盯着同一段代码可以做到这一点:P
【解决方案2】:

将此添加到displayColor()的末尾

  $('.appendSelection').each( function (){
      $(this).css('backgroundColor', $(this).val());
  });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-12-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-25
    • 2021-01-10
    • 2015-12-20
    • 2016-10-18
    相关资源
    最近更新 更多