实现在下拉框中选中某一项后,左边出现文本框

默认下拉框效果图:

当选择其他订购厂家的时候效果:

<script>
function show(obj)
{
    document.getElementById("other").style.display=(obj.value==0)?"":"none"
}
</script>
   <li>
                        <label>订购厂家:</label>
                        <select  name="dgcj" id="dgcj"  onchange="show(this)">
								<option value="1">南京林业养殖基地</option>
								<option value="0">其他订购厂家</option>
	                </select>
						<input name="qita" style="display:none" id="other">
                    </li>

	Integer dgcj = Integer.parseInt(request.getParameter("dgcj"));
	if (dgcj == 1 && dgcj !=null) {
		animal.set("ordering_manufacturer","南京林业养殖基地");
	}else{
		animal.set("ordering_manufacturer",request.getParameter("other"));
	}
 

如果有什么问题欢迎指出与讨论;

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 好的,假设您有一个包含id、title和yanjiu三个字段的item对象。您可以使用下拉菜单(select)来获取title的值作为选项(option),然后在文本区域(textarea)显示相应的yanjiu。 以下是可能的HTML代码示例: ``` <label for="item-select">选择一个Item:</label> <select id="item-select" name="item"> <option value="item1">Item 1</option> <option value="item2">Item 2</option> <option value="item3">Item 3</option> </select> <br> <label for="yanjiu-textarea">对应的研究:</label> <textarea id="yanjiu-textarea" name="yanjiu" rows="4" cols="50"></textarea> ``` 在此示例,每个选项的值(value)对应于相应item的id。当用户选择一个选项时,与该选项关联的title将被选中并显示在页面上。用户可以在文本区域输入与所选item相关的yanjiu。 ### 回答2: 要实现以上需求,可以使用HTMLCSSJavaScript来完成。 首先,在HTML创建一个下拉框元素和一个文本框元素。下拉框的每一个选项即为表item的一个title字段的值,通过遍历数据库的数据,将title字段的值添加为下拉框的选项。代码示例如下: ```html <select id="titleSelect" onchange="displayResearch()"> </select> <br> <textarea id="researchTextarea" readonly></textarea> ``` 然后,在JavaScript编写代码,当选中下拉框的某一项时,自动显示该title对应的yanjiu字段的值。代码示例如下: ```javascript var itemData = [ { id: 1, title: "标题1", yanjiu: "研究内容1" }, { id: 2, title: "标题2", yanjiu: "研究内容2" }, { id: 3, title: "标题3", yanjiu: "研究内容3" } // 其他表item的数据 ]; // 将表item的title字段的值添加为下拉框的选项 var titleSelect = document.getElementById("titleSelect"); for (var i = 0; i < itemData.length; i++) { var option = document.createElement("option"); option.text = itemData[i].title; titleSelect.add(option); } // 显示选中的title对应的yanjiu字段的值 function displayResearch() { var selectedTitle = titleSelect.value; var researchTextarea = document.getElementById("researchTextarea"); for (var i = 0; i < itemData.length; i++) { if (itemData[i].title === selectedTitle) { researchTextarea.value = itemData[i].yanjiu; break; } } } ``` 以上代码,itemData是一个模拟的表item的数据源,可以根据实际情况进行修改或替换。displayResearch函数用于在下拉框选中一项后获取选择的标题,然后通过遍历itemData找到对应的yanjiu字段的值,并将其显示在文本框。 最后,将HTMLJavaScript代码整合到一个HTML文件,在浏览器打开该文件即可实现下拉框获取元素作为选项,并根据选中的元素显示对应的内容。 ### 回答3: 可以通过HTMLJavaScript实现这个功能。首先,需要定义一个表单包含一个下拉框和一个文本框HTML代码如下: ```html <form> <label for="title">选择标题:</label> <select id="title" onchange="showYanjiu()"> <option value="">请选择</option> <option value="1">标题1</option> <option value="2">标题2</option> <option value="3">标题3</option> <!-- 其他标题选项 --> </select> <br> <label for="yanjiu">研究内容:</label> <textarea id="yanjiu" rows="4" cols="50" readonly></textarea> </form> ``` 接下来,需要编写JavaScript代码来实现选中标题时显示对应的研究内容。 JavaScript代码如下: ```javascript function showYanjiu() { var titleSelect = document.getElementById("title"); var yanjiuTextarea = document.getElementById("yanjiu"); var selectedTitle = titleSelect.value; // 获取选中的标题值 // 使用简单的switch语句,根据选中的标题值来更新研究内容 switch (selectedTitle) { case "1": yanjiuTextarea.value = "研究内容1"; break; case "2": yanjiuTextarea.value = "研究内容2"; break; case "3": yanjiuTextarea.value = "研究内容3"; break; default: yanjiuTextarea.value = ""; // 如果没有选择标题,则清空研究内容 } } ``` 在上面的代码,`showYanjiu`函数被绑定到下拉框的`onchange`事件上。当选择不同的标题时,会调用这个函数来更新研究内容文本框的值。 这样,当用户选择一个标题后,对应的研究内容就会显示在文本框。如果没有选择标题,则文本框将保持为空白。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值