How can I streamline/improve/beautify my auto-form JS code?

Question

I've got a Javascript (dojo) function that I'm using to auto-populate a form. The idea is to pass in a JS object with keys for the form field ids, and values that help define how to fill in the field.

It works, but it feels a bit ugly to me (the switch statement, the objects within objects syntax). Any thoughts on how can I improve* this code?

/**
 * Fill in the form with passed in values
 *
 * @param {Object} defaults 
 *
 * Can be used to pass in default values to the form. Expects an object like this:
 *   {<field id>: {type: '<field type>', value:'<value>'}
 *
 *   for example:
 *   {
 *   paymethod: {type: 'select', value:'Account Transfer'},   // html select
 *   fundsource: {type: 'combo', value:'Corporation Account'} // dijit.comboBox
 *   }
 */
function fillDefaults(defaults) {
    var props;
    for (var field in defaults) {
     props = defaults[field];
     switch (props['type']) {
      // so far only select and combo have been implemented 
      // others will be added as needed
      // and maybe grouped depending on how they work 
      // (e.g. all dijits together, <input> with <select>, etc.)
      case 'select':
       dojo.byId(field).value = props['value'];
       dojo.byId(field).onchange()
       break;
      case 'combo':
       dijit.byId(field).attr('value', props['value']);
       break;
     }
    }
}

[*] improve: make prettier, more js-like, more dojo-like, more streamlined

Answer 1

What does pretty mean? What's js-like?

A switch, although memory intensive, is cleaner if you plan to extend with more objects.

Maybe, instead of a switch, have an object containing your functions:

funcs = {
  select: function(value) {
    dojo.byId(field).value = value;
    dojo.byId(field).onchange()
  },
  combo: function(value) {
    dijit.byId(field).attr('value', value);
  }
};

function payFillDefaults(defaults) {
  var props;
  for(var field in defaults) {
    props = defaults[field];
    if(funcs[props['type']]) {
      funcs[props['type']](props['value']);
    }
  }
}

Answer 2

Improved a bit according JSLint standards:

function fillDefaults(defaults) {
    var props, field;
    for (field in defaults) {
        props = defaults[field];
        switch (props.type) {
        case 'select':
            dojo.byId(field).value = props.value;
            dojo.byId(field).onchange();
            break;
        case 'combo':
            dijit.byId(field).attr('value', props.value);
            break;
        }
    }
}