jQuery find value then replace SRC

Posted by Charles Web Dev on Stack Overflow See other posts from Stack Overflow or by Charles Web Dev
Published on 2010-12-22T10:41:27Z Indexed on 2010/12/22 10:54 UTC
Read the original article Hit count: 233

Filed under:

Hello all,

Can anyone see anything that is wrong with this code it just isn't working...

I am tring to:

get the value of #product-variants-option-0

search #preload for the relevant image and

then change div.image img src to that image

jQuery(document).ready(function($) {
   $('#product-variants-option-0').change(function() {

     // What is the sku of the current variant selection.
     var select_value = $(this).find(':selected').val();

            if (select_value == "Kelly Green") {
             var keyword = "kly";

        var new_src = $('#preload img[src*=keyword]');

        $('div.image img').attr('src', new_src);


The selection:

<select class="single-option-selector-0" id="product-variants-option-0">
<option value="Kelly Green">Kelly Green</option>
<option value="Navy">Navy</option>
<option value="Olive">Olive</option>
<option value="Cocoa">Cocoa</option>

I'm trying to search an unordered list:

<ul id="preload" style="display:none;">
<li><img src="0z-kelly-green-medium.jpg"/></li>
<li><img src="0z-olive-medium.jpg"/></li>

The image I'm trying to replace is this:

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about replace