Выбор в select и вставка

[maximus]

Здравствуйте, помогите реализовать следующее
на странице есть форма в которой находится select с выбором шрифта, нужно как то сделать, чтобы при выборе шрифта он присваивался к рядом находящемуся тексту

<select name="ttf">
<option value="font">font.ttf</option>
</select>
<div id="font">проверка выбора шрифта</div>

Можно ли как то при выборе вставлять шрифта вставлять то что в value="font" вставлять в <div id="сюда">
?

[ОлегА]

в value="font" вставлять в <div id="сюда">

зачем так делать, просто меняйте стиль font-size у дива и все?

пример на jquery

$('select[name=tff]').live('click', function(){
val = $(this).find('option:selected').val();
$(this).next().css('font-size', val+'px');
});

[maximus]

что то не пойму как сделать, я в js совсем не рублю =(

[ОлегА]

повторяю это пример для jquery

<select name="ttf">
<option value="font">font.ttf</option>
</select>
<div id="font">проверка выбора шрифта</div>

<script language="Javascript">
$('select[name=tff]').live('click', function(){
val = $(this).find('option:selected').val();
$(this).next().css('font-size', val+'px');
});

</script>

[maximus]

я видно что то не так делаю, подключил jquery-1.5.min.js и не пашет ничего =(
в любом случае спасибо, пойду читать про js, может что и наковыряю

[maximus]

получилось изменить размер так

$(function(){
        $('#options').change(function(){
         curcolor = $('#options :selected').val();
         $('#textfield').css('font-size', curcolor + 'px');
    })

а как еще можно сделать для input?
т.е. к примеру у меня есть input, если я в него ввожу 500 то div с id="textfield"
становиться шириной в 500 пикселей

$(function(){
    $('#widthTop').change(function(){
         curwidth = $('#input').val();
         $('#textfield').css('width', curwidth + 'px');
         })
});

<input id="widthTop" value="500" />
<div id="textfield">тут текст</div>

так не пошет

[ОлегА]

так вы не правильно вытаскивается val
$('#input').val(); - это че такое? символ #input говорит, что надо найти тэг с id = input - допустим, а что бы вытащить значение текущего элемента надо так сделать $(this).val();
а вообще можно так сделать, этот код будет менять ваш width по мере нажимания клавиш на клавиаторе

$('#widthTop').bind('keyup', function(){
curwidth = $(this).val();
if(! isNaN(curwidth )){
$('#textfield').css('width', curwidth + 'px');
}
});

[maximus]

понял, спасибо большое