下拉框选项改变后，其他框变为可手动填写和下拉框选择

最新推荐文章于 2022-08-10 00:23:19 发布

qq_33957196

最新推荐文章于 2022-08-10 00:23:19 发布

阅读量1k

点赞数 1

分类专栏：学习文章标签：下拉框既可以选也可以手动填写

本文链接：https://blog.csdn.net/qq_33957196/article/details/104053145

版权

本文介绍了如何实现一个既能下拉选择又能手动填写的输入功能。当用户选择内部人员时，系统加载姓名下拉框，选定后自动填充相关信息；选择外来人员时，则提供输入框供用户手动输入详情。实现主要依赖JavaScript和CSS来控制显示与隐藏。

摘要由CSDN通过智能技术生成

需求：

在做一个需求时，客户要求既可以选也可以手动填写。

解决办法：

在这个功能模块中，用户下拉框选择时，js判断他是否要加载加载另一个下拉框让他选择后自动填充其他内容。比如，

选择内部人员，加载姓名下拉框，用户选择某个人后，将这个人的基本信息加载到其他框内，实现自动填充。

选择外来人员，框为输入框，让用户手动填写这些信息。

实现：

html代码

<div id="input_obj" style="display: none">
	<input type="text" id="stRymc" name="stRymc" value="${doucment.stRymc}"/>
</div>
<div id="select_obj" style="display: block">
	<c:choose>
	    <c:when test="${empty document }">
	    <input id="stPid" name="stPid" style="width: 220px" value="${document.stXm}"/>
		<input type="hidden" name="stXm" id="stXm" value="${doucument.stXm}"