JSP中选择下拉菜单,对应的文本框显示其对应内容。

1、使用JavaScript 的 onchange方法
2、需要写JavaScript代码

<script language="JavaScript">
	function change(value) {
		if(value=="金融类" || value=="计算机类" || value=="哲学类" || value=="文学类"){
			document.getElementById("text").value="一楼";
		}
		else if (value=="数学类"||value=="艺术类"||value=="小说"||value=="娱乐类"){
			document.getElementById("text").value="二楼";
		}
		else{
			document.getElementById("text").value="三楼";
		}

	}
	}
</script>

<form id="customerForm" name="customerForm" action="${pageContext.request.contextPath }/book_readerselect.action" method="post">
<tr>
							<td>种类 :</td>
							<td>
								<select name="bk_type" id=sChannel2 onchange="change(value
  • 2
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,针对您的问题,我可以给您提供一些思路和代码示例。 首先,实现一个 JSP 下拉选框,可以使用 HTML 的 <select> 标签和 <option> 标签,例如: ```html <form> <label for="product-select">选择商品:</label> <select name="product" id="product-select"> <option value="apple">苹果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> </select> <input type="button" value="查询价格" onclick="queryPrice()"> </form> ``` 这个下拉选框,每个 <option> 标签都代表一个商品,其 value 属性表示该商品的代码。例如,value="apple" 表示苹果。 接下来,实现查询商品价格的功能,可以使用 JavaScript 来监听查询按钮的点击事件,根据用户选择的商品代码,动态地加载对应的价格。例如: ```javascript <script> function queryPrice() { var selectEl = document.querySelector('select[name="product"]'); var productCode = selectEl.value; // 获取用户选择的商品代码 // TODO: 根据商品代码加载对应的价格 var price = getPriceByCode(productCode); alert('商品 ' + productCode + ' 的价格为 ' + price + ' 元'); } function getPriceByCode(code) { // TODO: 根据商品代码向后端获取商品价格 var prices = { 'apple': 5, 'banana': 3, 'orange': 4 }; return prices[code]; } </script> ``` 在 TODO 的部分,您可以根据商品代码发起 Ajax 请求,向后端获取对应的商品价格,然后将价格展示到页面上。这里为了演示方便,使用了一个 getPriceByCode 函数来模拟获取商品价格的过程。 以上就是一个简单的 JSP 下拉选框和查询商品价格的实现思路。如果您需要更详细的代码实现示例,可以告诉我您的具体需求,我会尽力帮助您。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值