jquery again

[Charisma Bypass]

Code:

$("select[name=id9]").change(function () {
        abc = $(this).val();       
        $("#display div").prepend("motif" + abc + ".gif");       
    });

This gives a result like this:

motif120.gif

which is based on this selector;

Code:

<select name="id9">
  <option value="136">None</option>
  <option value="120">Football</option>
  <option value="121">Rugby</option>
  <option value="122">Cricket</option>
</select>

Which works just fine.  But when the person then chooses another option, I need the original option to be removed.  At the moment it's doing this (which it should do as that's what I'm asking it to do);

motif120.gifmotif136.gifmotif121.gif

assuming they chose football, then none, then rugby

This has to be simple, but I am braindead today.

Thaank you in advance!

[samhs]

it's because you're using prepend() use html() instead or text()

[Charisma Bypass]

Sam - thanks.

I think have to use prepend, as it is going in front of another textual input.

So in the text input box, the user might insert "Liverpool", then select a football.  Then he might change that football to a picture of a pair of shorts or jersey or similar.

Hope that makes sense?

[samhs]

well you need to rebuild the whole string then - you're inserting content, prepend does this before anything that already exists. The other options is to delineate the content parts with <span>s or similar - which would allow you to use the html() or text() methods. Otherwise you'll need to grab the data from the other selectors on your page each time any of them changes, IYSWIM?