jQuery使用选择更改图像URL的一部分

凯文·登·杜克

我在互联网上搜寻了很多东西,找到了一些smilair选项,但这不完全是我想要的...

我有一些带有颜色代码的下拉选项,我希望客户更改图像的颜色,但要部分更改。在这种情况下,我有2种颜色选择,有时我有6种。

因此,如果我选择颜色“ 0000ff”

<select name="color1">
  <option>ff0000</option>
  <option>ffff00</option>
  <option>0000ff</option>
  <option selected="selected">00ffff</option>

我需要脚本来更改图像的第一种颜色。

<img src="http://www.ballonnenkoerier.nl/beta/image/catalog/merge.php?color1=ff6600&color2=ff0066"/>

我使用的脚本不是为此而创建的,但它为我提供了一个基础……我被卡住了。

我希望有人能帮助我。我做了一个JSFiddle来简化它:

http://jsfiddle.net/9q5Lcsa3/1/

谢谢,凯文

雪貂

检查此更新的小提琴

$("select")
    .change(function()
    {
        var str = "http://www.ballonnenkoerier.nl/beta/image/catalog/merge.php?",
            i = 0;
        $("select option:selected").each(function()
        {
            i++;
            str += 'color' + i + '=' + $(this).text() + '&';
        });
        str = str.replace(/&$/, '');
        $("span").text(str);
    })
    .change();

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章