Question

我有一张图片，其中包含以下内容：

<img src="/Modules/Visualiser.php?template=1&text=testing">

我需要做的是，当下拉列表发生变化时，它会根据选择更改template。但我似乎无法弄清楚如何更改模板，因为文本将保持不变（此时无论如何）..

$("#select-cover").change(function()
    {
        $("#cover-photo").attr('src', function(i, src) {
             return src.replace( 'template=', 'template=1' );
        }); 
    });

我试图这样做，但没有快乐。对我出错的地方有任何想法吗？

Answer 1

您可以替换模板参数

$("#select-cover").change(function () {
    var value = this.value;
    $("#cover-photo").attr('src', function (i, src) {
        return src.replace(/\?template=\d+/, '?template=' + value);
    });
});

演示：Fiddle - 检查元素以查看差异

Answer 2

假设select提供了模板编号，例如（1,2,3等）：

$('#select-cover').on('change', function() {
   var tempNum = $(this).val();
   $('#cover-photo').attr('src', '/Modules/Visualiser.php?template=' + tempNum + '&text=testing');
});

Jquery - 更改图像属性

2 个答案: