जावास्क्रिप्ट के साथ ड्रॉपडाउन मेनू चयन के आधार पर इनपुट फ़ील्ड भरना

एचटीएमएल:

<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">

जावास्क्रिप्ट (jQuery का उपयोग करके):

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

और काम करने वाले उदाहरण के लिए यह jsFiddle देखें:http://jsfiddle.net/chnUn/