# 背景

使用 easyui-combobox,众所周知,combobox 是以 id,name 形式(或 key/value)存在的,而从页面上进行如下操作时偶尔会遇到一个问题:

复制一条下拉框已包含的数据到下拉框中,不要使用鼠标点击下拉框加载的内容,点击保存按钮时,并没有保存 name;

下拉框代码:

<td>
        <input id='contract_Departname' name='contract_Departname' type='hidden' value='${model.contract_Departname}'>
        <input style="width: 200px;" name="contract_Departid" id="contract_Departid" class="easyui-combobox"
               data-options="url:'${root}/review/get.do',validType:['checkComboboxValue'],editable:true,valueField: 'id',textField: 'department',prompt:'请选择',
               data:[{id:'${model.contract_Departid}',selected:true}]"/>
        <span id="contractDepartidWarnSpan" class="red">*</span>
    </td>
$("#contract_Departid").combobox({
        onSelect : function(record) {
            if (record !== undefined) {
                $("#contract_Departname").val(record.department);
            }
        }
    });

提交时参数获取方式:

var param = $("#form").serialize()

解决方法:

在提交的 js 方法中添加如下代码

$("#contract_Departname").val($("#contract_Departid").combobox("getText"));