Jquery - Изменение изображения атрибутов

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); 
    }); 
}); 

Demo: Fiddle - проверить элемент, чтобы увидеть разницу

Answer 2

Предполагая, что выбор содержит шаблон номера, например, (1, 2, 3 и т.д.) :

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