【问题标题】:Drop Down List Changer下拉列表更改器
【发布时间】:2011-09-02 01:03:39
【问题描述】:

如何制作选择器下拉列表?选择后,我希望它为项目选择 css。

谢谢 克里斯

【问题讨论】:

  • 您必须提供更多信息。至少向我们展示您的 select 元素的标记(理想情况下,它的父 form 元素)。如果您可以解释您希望在selectselect也会有所帮助时会发生什么。你能提供一个JS Fiddle demo吗?而且,同样重要的是,“当被选中时,它将为所选项目选择 css”是什么意思?
  • 另外,选择选项,我想为每个不同的项目选择一个css,你明白我的意思吗?>
  • 你的 JS Fiddle 显示 两个 select 元素。如果我选择(来自“事件”)“黄色卡车皮卡”和(来自“司机”)“汤米”,会发生什么?这些选择与“css”有什么关系?
  • 那么司机,只是一个基本的输入,但对于黄色卡车选择器需要选择指定给它的 css。

标签: jquery css jquery-selectors


【解决方案1】:

这真的不是那么难。如果选择值 1,下面的示例会将 id=itemtochange 的项目上的文本更改为红色,否则将更改为蓝色。这有一百万种不同的变化,但你明白了。

您的选择框:

<select id="selectbox">
  <option value="value1">Val 1</option>
  <option value="value2">Val 2</option>
 </select>

还有 Jquery:

`<script type="text/javascript">
   $('#selectbox').change(function() {
      if $('#selectbox').val() == 'value1' {
        $('#itemtochange').css("color","red");
      } else {
        $('#itemtochange').css("color","blue");
      }
   });
 </script>`

【讨论】:

  • 这会与 arshaws fullcalendar 交互吗?我已经完全设置并实现了它,减去了数据库和一些错误。
  • @chris,Dom 就是 Dom,不管与它交互的是什么。与 jQuery 一样,确定要调整的元素,找到正确的选择器,然后调整。如果您希望编写特定代码,我们可以讨论我的咨询费率......
  • 另外你还要用else吗,如果你有大约10个不同的选择呢?
  • 不,我非常感谢彼得森先生的帮助,但我只是在寻求基本帮助,一旦找到正确的路径,我就很擅长修复。
  • 我想我已经修好了,我只是在 ("color","re​​d), if $('#selectbox').val() == 'value2' { $( '#itemtochange').css("color","blue"); 我认为是正确的
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-09-04
相关资源
最近更新 更多