Здравствуйте.
Небольшая задача. Есть поле input в которое вводиться какое либо слово, есть select c двумя option в value которых записаны 2 цвета. Требуется чтобы при изменении значения select, значение в input обертывалось span со стилем заданным в выбранном option.
$(function(){
$('#options').change(function(){
curtext = $('#textfield').val();
curcolor = $('#options :selected').val();
result = '<span style="color:' + curcolor + '">' + curtext '</span>';
$('#textfield').val(result);
})
})
<input style="width:600px" id="textfield" type="text" value="слово"/>
<select id="options">
<option value="#000">Черный</option>
<option value="#fff">Белый</option>
</select>
Проблема в том что при первом выборе, когда введенное слово ещё не обрамлено в span все нормально, но если изменить select 2 и более раз скрипт начинает сохранять в переменную слово которое уже находиться в span и собственно уже это результат кладёт между новым тегом span.
Собственно вопрос в том, как сделать так чтобы при каждом срабатывании в span вставлялось только введенное слово.