jquery点击更改组合值

我有一个产品的一些颜色的细节。例如：http://accommodationinbrasov.com/detail.asp?id=23# 当我点击该产品的颜色时，我会喜欢select（frame）的值改变为该颜色。任何人都可以让我走上正确的道路？jquery点击更改组合值

谢谢

来源

2010-07-28 Teodor

您可能首先将一列颜色存储在数组中。

然后，你可以绑定的变化（）处理程序选择选项，如下所示：

HTML：

<select id="products"> 
    <option value="0">Blue</option> 
    <option value="1">Black</option> 
    <option value="2">Red</option> 
</select>

如果你有一个关联数组，那么你可以通过按键更换号码。

然后在JavaScript中，你可以这样做：

$('#products').change(function() { 
    $("option:selected", $(this)).each(function() { 
    var index = $(this).val(); 
    $(this).css('backgroundColor', colorList[index]); 
    }); 
})

其中colorList是颜色的数组。

来源

2010-07-28 08:03:10

基本上你需要将该帧的所有颜色变化，即棕色，红色，白色等图像的图像作为图像。

例如您的图片可以被命名，如： /images/frame_1_brown.jpg /images/frame_1_red.jpg /images/frame_1_white.jpg

上的选择，你有这样的事情：

<select name="color"> 
    <option value="/images/frame_1_brown.jpg" selected="selected">Brown</option> 
    <option value="/images/frame_1_red.jpg">Red</option> 
    <option value="/images/frame_1_white.jpg">White</option> 
</select>

你有一个形象的标签，如：

<img src="/images/frame_1_brown.jpg" alt="Glasses" id="product-image"/>

然后JavaScript的样子：

$('select[name=color]').change(function(){ 
    $('#product-image').attr('src', $(this).val()); 
})

假设你使用jQuery当然。

基本上，这将改变图像的src属性，当你改变下拉选择。

来源

2010-07-28 08:26:53

不知道，如果你们有我的问题......我想，当我在图像上单击要更改选择值不反对...... – Teodor 2010-07-28 10:48:24

发现

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
    <title></title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <style type="text/css"> 
     body{ 
      font-size: 12px; 
     } 
     a, a:link,a:hover, a:active, a:visited{ 
      text-decoration: none; 

      color:#000; 
     } 
     a:hover{ 
      text-transform: capitalize; 
     } 
     div{ 
      padding-right: 10px; 
     } 
    </style> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

</head> 
<body> 
    <div style="float:left;"> 
     <a id="one" href="#" class="clickable"><img src="" alt="one" border="0" /></a> 
    </div> 
    <div style="float:left;"> 
     <a id="two" href="#" class="clickable"><img src="" alt="two" border="0" /></a> 
    </div> 
    <div style="float:left;"> 
     <a id="three" href="#" class="clickable"><img src="" alt="three" border="" /></a> 
    </div> 
    <div style="clear:left;"></div> 
    <div> 
     <select id="dropdown"> 
      <option value="one">one</option> 
      <option value="two">two</option> 
      <option value="three">three</option> 
     </select> 
    </div> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $('.clickable').click(function(){ 
       val = $(this).attr("id"); 
       $("#dropdown").val(val); 
      }); 
     }); 
    </script>

来源

2010-07-28 11:07:27 Teodor

这是我的问题的答案 – Teodor 2010-07-28 11:09:50

jquery点击更改组合值

回答

相关问题