首页

# 背景

使用 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"));