Vyplnění vstupního pole na základě výběru z rozbalovací nabídky pomocí Javascriptu

HTML:

<select>
    <option>Select an item</option>
    <option data-price="20.00" value="1">Item 1</option>
    <option data-price="15.00" value="2">Item 2</option>
    <option data-price="24.00" value="3">Item 3</option>
</select>

<input type="text" id="price">

​JavaScript (pomocí jQuery):

​$('select').on('change', function() {
    $("select option:selected").each(function () {
        $('#price').val('$' + $(this).attr('data-price'));
    });    
});​​​​​​​​

A podívejte se na tento jsFiddle pro funkční příklad:http://jsfiddle.net/chnUn/