<div class="form-group">
<div class="fieldcontain ${hasErrors(bean: cdeEvaluationInstance,      field: 'consultant', 'error')} ">
<label for="consultant" class="col-md-2 control-label">
    <g:message code="cdeEvaluation.consultant.label" default="Consultant" />
</label>
     <div class="col-md-8">
 <g:select id="consultant" class="form-control" label="Consultant" required=""  name="consultant"  from="${CdeConsultant.list()}" optionValue="ccf_consultant_firm"    value="${cdeEvaluationInstance?.consultant}" optionKey="id"
    onchange="${remoteFunction(
        controller:'cdeEvaluation',
        action:'ajaxGetContracts',
        params:''id=' + escape(this.value)',
        onComplete:'updateContract(e)')}"
></g:select>
     </div>
</div>

<div class="form-group">
<div class="fieldcontain ${hasErrors(bean: cdeEvaluationInstance, field: 'contract', 'error')} ">
<label for="contract" class="col-md-2 control-label">
    <g:message code="cdeEvaluation.contract.label" default="Contract" />
</label>
     <div class="col-md-8">
<g:select class="form-control"  label= "Contract" name="contract" id="contract" from="${contracts}" optionValue="contractName" optionKey="id" noSelection="['':'Select  Contract']"></g:select>
     </div>
</div>
</div>

if (contracts) {
        var rselect = document.getElementById('contract')

        // Clear all previous options
        var l = rselect.length

        while (l > 0) {
            l--
            rselect.remove(l)
        }

        // Rebuild the select
        for (var i=0; i < contracts.length; i++) {
            var contract = contracts[i]
            var opt = document.createElement('option');
            opt.text = contract.contractName
            opt.value = contract.id
            try {
                rselect.add(opt, null) // standards compliant; doesn't work in IE
            }
            catch(ex) {
                rselect.add(opt) // IE only
            }
        }
    }
}


// This is called when the page loads to initialize city
var zselect = document.getElementById('cdeConsultant.ccf_consultant_firm')
var zopt = zselect.options[zselect.selectedIndex]
${remoteFunction(controller:"cdeEvaluation", action:"ajaxGetContracts", params:"'id=' +   zopt.value", onComplete:"updateContract(e)")}