चयनित ड्रॉप सूची आइटम के आधार पर MySQL से गतिशील रूप से एकाधिक इनपुट फ़ील्ड भरें

मैं जेसन पंक्ति को एन्कोड करता हूं और इसे विकल्प पर डेटा-विशेषता के रूप में संग्रहीत करता हूं, फिर चयन परिवर्तन ईवेंट पर विशेषता पढ़ें:

<select name="item" id="item">
<?php
    while($row = mysql_fetch_array($result)) {
        $item_id = $row['item_id'];
        $item_title = $row['item_title'];
        echo "<option value=\"".$item_id."\" data-json='" . json_encode($row) . "'>".$item_title."</option>";
    } 
 ?>
</select>
<input id="item_details" type="text" class="validate">
<input id="item_price" type="text" class="validate" value="$">

<script>
    $('#item').on('change', function() {
        var selected = $(this).find('option[value="' + $(this).val() + '"]').data('json');
        $('#item_details').val(selected.item_description);
        $('#item_price').val(selected.item_price);
    });
</script>