EasyUI Combobox 组合框(select + input)

官网介绍

需要实现下拉框的联动效果
使用onSelect事件,
注意: class属性必须为easyui-combobox
说明 onSelect的function中,参数rec为该(select)标签对象,可以通过rec.id、rec.text、rec.value等获取对应的信息

<th style="width: 10%">申报计量单位</th>
<td style="width: 20%">
	<select id="ivdDclUnitcd" class="easyui-combobox" name="ivdDclUnitcd" data-options="
	    onSelect: function(rec){
     
	    $('#ivdDclUnitNm').val(rec.text);
	    }">
		<option value="">-- 请选择 --</option>
		<option value="1"></option>
		<option value="2"></option>
		<option value="3">千米</option>
	</select>
	<input type="text" class="srk" name="ivdDclUnitNm" id="ivdDclUnitNm" value="" />
</td>

工作中用到的,以jsp为例:

<th style="width: 10%">申报计量单位</th>
<td style="width: 20%">
	<select id="ivdDclUnitcd" class="easyui-combobox" name="ivdDclUnitcd" data-options="
	    onSelect: function(rec){
     
	    $('#ivdDclUnitNm').val(rec.text);
	    }">
		<option value="">-- 请选择 --</option>
		<c:forEach var="dclUnit" items="${dclUnitList}" >
			<option value="${dclUnit.scdCode}" <c:if test="${ivdDetail.ivdDclUnitcd eq dclUnit.scdCode}" >selected</c:if> >${
     dclUnit.scdDesc}</option>
		</c:forEach>
	</select>
	<input type="text" class="srk" name="ivdDclUnitNm" id="ivdDclUnitNm" value="" />
	<%-- <input type="text" class="srk" name="ivdDclUnitcd" id="ivdDclUnitcd" value="" /> --%>
</td>

你可能感兴趣的:(Easyui)