jQuery Need help with replaceWith() and Select drop down

[Crowds]

I have a select Drop down. I want to use it to replace some text on the page but nothing is working so far.

This is what I have

 <script type="text/javascript">
$(document).ready(function() {
    $("classSelector").change(function() {
        var val = $(this).selectedValues();
        if (val != '') {
 $('#style').replaceWith('<div id="style">'+ $('#classSelector').val()'</div>');

        }
    });
});
        </script>

{class="<div id="style">Replace Me</div>"}
								   
				<select id="classSelector" >
                                   <option>Please Select</option>
                                   <option value="floatl">Float Left</option>
                                   <option value="floatr">Float Right</option>
                                   <option value="floatc">Float Center</option>
                                 </select>

Any ideas where I'm going wrong ?
Never really messed around with javascript or Jquery before
So I'm a bit lost

Crowds

[Spudhead]

You were missing the # id selector from your change() handler, and I didn't see the point of replacing one div with an identical one:

$(document).ready(function() {
    $("#classSelector").change(function() {
        var selectedValue = $(this).val();
        if (selectedValue != '') {
 		$('#style').text(selectedValue);
        }
    });
});

[Crowds]

Thanks for looking at it spudhead.
I see your point about replacing the div with an identical one but i was unsure of how to get the value of the select box into the div and just tried it that way.

I tried using

$(document).ready(function() {
    $("#classSelector").change(function() {
        var selectedValue = $(this).val();
        if (selectedValue != '') {
 		$('#style').text(selectedValue);
        }
    });
});

But nothing happens ?

[Fumigator]

PHP Code:

{class="<div id="style">Replace Me</div>"} 


I'm not familiar with that syntax; is that a template or something?

[Crowds]

Yeah, it's just for an example really.
The actual tag would be something more like {exp:thistag:this_function vars"to pass" class"and stuff"}
It's the tag syntax for Expression Engine.

In use it would not contain div's but in this particular case the tag would be echoed out so the user could C&P.

Crowds