js实现select联动加载，且带出已经选中的值

憂傷浮華_W

于 2015-04-08 14:50:27 发布

阅读量7.6k

点赞数

分类专栏：工作上的技术点文章标签： js select function java

本文链接：https://blog.youkuaiyun.com/wangchangpen62/article/details/44940747

版权

项目中遇到的联动下拉选择需求，要求在输入箱号后，货物信息能联动显示，新增时保留已选值，修改时根据已有箱号加载下拉并预填选中值。通过在输入框添加onblur事件和使用隐藏域解决修改页面预填充问题，确保箱号不重复且符合校验规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

做项目的时候有这样一个需求，就是上面输入箱号，下面货物信息联动这个箱号能够下拉选择。而且是在货物信息已经选择值的时候，再新增箱号不能冲掉已经选中的值；保存之后点击修改，要根据已经存在的箱号在货物信息形成下拉且要带出货物信息已经保存的值，且不能影响修改之后的保存。

如图所示，集装箱信息列表与货物信息列表的联动下拉选择，箱号不能重复且要符合校验规则。

1.在输入箱号的地方加入onblur事件：

<td nowrap="nowrap" width="16%">
	<input type="text"  name="mfOpShip.mfOpContas.contaId" class="input_s_1" οnkeyup="onkeyup_toUpper(this)" οnblur="checkrepeat(this)"/>
</td>

js代码如下（功能是校验是否复合规则且不能重复，在校验通过之后，联动形成下拉选择给货物信息里面的集装箱号。）

/**
		* 箱号不能重复
		*/
		function

最低0.47元/天解锁文章