如何从可用颜色id列表中选择活动颜色id

cbwuti44 于 2021-09-13 发布在 Java

关注(0)|答案(1)|浏览(330)

我想选择活动颜色的颜色id，比如假设我有三种颜色：黄色、蓝色、红色。默认情况下，第一种颜色是黄色，因此我使用“input type hidden”获得黄色的颜色id。但是当我们点击蓝色时，激活的颜色将是蓝色，所以我需要蓝色的颜色id，如果我点击红色，那么红色的颜色id。我需要一个活动的颜色标识符。我得不到活动颜色的id。这是我的密码

<p class="product-color"> Color :                     
  <?php foreach($avlcolers as $colors){ ?>
   <button type="button" title="<?php echo $colors['color_name']; ?>" id="btn2" onclick="variationchange(<?php echo $colors['color_id'] ; ?>)" style="background:<?php echo $colors['color_value']; ?>;padding:12px;border: 1px solid #ccc;border-radius: 50%;border:1px solid #ccc; color: white; width: 40px; height:40px;" value="5" class="color-btn"></button>
   <?php    } ?>                            
 </p>

当我试图得到颜色时，我喜欢在上面的代码中使用下面的代码

<input type="hidden" id="color_id" value="<?php echo $colors['color_id'] ; ?>" >

我只得到第一种颜色的颜色id。是否有任何方法可以获取当前颜色的颜色id。

php jquery ajax JavaScript codeigniter

来源：https://stackoverflow.com/questions/68495680/how-to-pick-active-color-id-of-list-of-color-ids-available

1条答案

按热度按时间

bzzcjhmw1#

使用jquery数据id属性，如图所示：

<p class="product-color"> Color :                     
  <?php foreach($avlcolers as $colors){ ?>
   <button type="button" title="<?php echo $colors['color_name']; ?>" class="btn-colors" data-id="<?php echo $colors['color_id'];?>" style="background:<?php echo $colors['color_value']; ?>;padding:12px;border: 1px solid #ccc;border-radius: 50%;border:1px solid #ccc; color: white; width: 40px; height:40px;" value="5" class="color-btn"></button>
   <?php    } ?>                            
 </p>

然后为颜色按钮添加按钮单击事件（基于类）

<script>
  $('.btn-colors').click(function(){
       var colorID = (this).attr('data-id');
       // then set the value of colo id field to the above id
       ("#color_id").val(colorID);
  });
</script>

赞(0）回复(0）举报 2021-09-13

我来回答

如何从可用颜色id列表中选择活动颜色id

1条答案

相关问题

热门标签

最新问答