选择产品,显示数量?

木头是猫 2008-08-01 02:13:32
<tr>
<td height="30"><b>品名</b></td>
<td ><select name="pr_name">
<option value="">===== 请选择 =====</option>
</select></td>
</tr>
<tr>
<td height="30"><b>数量</b></td>
<td height="30">100<td>
</tr>


选择下拉菜单中的产品,TD里即可显示相应产品的数量,这个效果要如何实现呢?

(对这块不怎么懂,最好可以给出需要具体的AJAX代码)
...全文
81 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
这个还不简单,你选择的时候通过前台js提交你要查询的产品id
到后台,后台程序查出数量直接输出
前台xmlhttp对象要用responseText接受返回的结果
然后用document.getElementById("num").value=xmlHttp.responseText
<td height="30" id="num"><b>数量</b></td>
原理就是这样,细节自己调试一下
<script language="javascript">
//创建xmlHttp对象
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
//传送参数
function changeselect(id) {
createXMLHttpRequest();
var url = "findvalue.asp?id=" + id;
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = callback;
xmlHttp.send(null);
}
//接受处理函数
function callback() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200)
{
var pnum=xmlHttp.responseText;
document.getElementById("num").value=pnum;
}
}
}

</script>
jiaozhantao 2008-08-01
  • 打赏
  • 举报
回复
第一步:导入dwr.jar包
第二步:在网页中配置
<script type='text/javascript' src='/工程名/dwr/interface/Test.js'></script>
<script type='text/javascript' src='/工程名/dwr/engine.js'></script>
<script type='text/javascript' src='/工程名/dwr/util.js'></script>
<script type="text/javascript" language="javascript">
function aa(){
var uname=document.forms[0].aaa.value; //下拉框的值
Test.select(uname,haoLeJiaoWo); //要调用的普通类的的方法,第一个参数是方法参数,第二个时返回调用的方法名(是下面的方法),Test是配置的名字在下面
}
function haoLeJiaoWo(txt){
var dvScore=document.getElementById("div1");
dvScore.innerHTML=txt;
}
</script>
第三步:在Web.xml中配置中加入
<servlet>
<servlet-name>dwr</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwr</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
第四步:在Web-INF下 添加文件dwr.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd">
<dwr>
<allow>
<create creator="new" javascript="Test">
<param name="class" value="Test" />

</create>
</allow>
</dwr>
说明:value="Test"中的Test是普通类 javascript="Test"中的Test是页面中使用的
第五步:Test类
public class Test {
public String select(String s){
//用s作为条件访问数据库查出数量并返回
return sss;
}
}
木头是猫 2008-08-01
  • 打赏
  • 举报
回复
代码是ASP
系统是基于Springboot+vue实现的在线考试系统,适合用于毕业设计进行二次开发,也可以作为工作的开发经验。适合刚毕业的大学生和刚入行的初级软件工程师。本课程会讲解常用的Springboot 和Vue知识和搭建环境的过程,让初学者迅速地在本地开发环境搭建起来,成功运行本套代码。迅速的理解前后端开发的过程,能够完成简单的的bug修改,理解前后端的交互。不管你是初入职场或即将进入职场,想深入学习和了解 Spring Boot 框架和 Vue 的话,那这门课几乎是你最好的选择项目含前端和后端知识,对于前端开发人员和后端开发人员都是一个很好的学习选择。学生系统功能模块介绍登录用户名、密码注册年级、用户名、密码任务中心管理员发布的年级任务,每个学生只能做一次考试题干支持文本、图片、数学公式、表格等,学生答题支持:文本固定试卷可重复练习、自行批改的试卷时段试卷在时间限制内,可重复练习、自行批改的试卷考试记录查看答卷记录和试卷信息错题本答错题目会自动进入错题本,显示题目基本信息个人信息显示学生个人资料更新信息修改个人资料、头像个人动态显示用户最近的个人动态消息中心用于接收管理员发送的消息管理系统功能模块介绍登录用户名、密码主页试卷总数、题目总数、用户活跃度、题目月数量学生列表显示系统所有的学生,新增、修改、删除、禁用管理员列表显示系统所有的管理员,新增、修改、删除、禁用学科列表学科查询、修改、删除学科创编创建学科试卷列表试卷查询、修改、删除试卷创编创建的试卷为时段试卷、固定试卷、任务试卷题目列表题目查询、修改、删除题目创建题目支持单选题、多选题、判断题、填空题、简答题,题干支持文本、图片、表格、数学公式任务列表任务查询、修改、删除消息列表显示已发送的消息,消息已读人数等信息消息发送发送消息给多个用户用户日志显示所有用户日志个人资料显示管理员用户名、真实姓名时间线显示管理员创建时间修改资料修改姓名、手机号项目架构项目展示  

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧