DropDown with onchange event

I want to ask about if i want make dropdown with onchange event, so basically for every diferent option in dropdown value it will show diferent data, anyone can help me with the basic code?

Hi,

I hacked together the below javascript code using x-editable and DataTables, the way it works is the following:

- on page load the user is presented with a data table, for each row, there are 2 columns
- user has to select a value in column1 (drop-down) which will make the field in column 2 an editable drop-down as well.

Code:

   function editable() {
           // turn to inline mode
           $.fn.editable.defaults.mode = 'inline';
           $('.dropdown').editable({
               url: 'http://datamodel.info/index.php/workflow/ajax_mdg_ui_remove/',
               showbuttons: false,
               source: 'http://datamodel.info/index.php/workflow/ajax_mdg_entity_list/',
               params: function (params) {  //params already contain `name`, `value` and `pk`
                   var data = {};
                   data['field_id'] = $(this).data('pk');
                   data['wf_object'] = 'wf_customer';
                            data['value'] = params.value;
                   return data;
               },
               success: function (response, newValue) {
                   $id = $(this).data('pk');
                   $('#wfeditable2_' + $id).editable.defaults.mode = 'inline';
                   $('#wfeditable2_' + $id).editable('option', 'showbuttons', false);
                   $('#wfeditable2_' + $id).editable('option', 'params', function (params) {  //params already contain `name`, `value` and `pk`
                       var data = {};
                       data['field_id'] = $(this).data('pk');
                       data['entity_type'] = newValue;
                       data['wf_object'] = 'wf_customer';
                       data['attribute'] = params.value;
                       data['comment'] = $(this).data('table') + '-' + $(this).data('field');
                       return data;
                   }
                   );
                   $('#wfeditable2_' + $id).editable('option', 'url', 'http://datamodel.info/index.php/workflow/ajax_mdg_entity_update/' + newValue);
                   $('#wfeditable2_' + $id).editable('option', 'source', 'http://datamodel.info/index.php/workflow/ajax_mdg_attirbute_list/' + newValue);
                   $('#wfeditable2_' + $id).editable('setValue', null);
               }

           });
       }