questionForm.jsp

最新推荐文章于 2023-03-14 21:16:00 发布
最新推荐文章于 2023-03-14 21:16:00 发布
阅读量108 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： jsp页面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/samwulei/article/details/72354084
本文介绍了一个用于编辑问卷问题的网页表单。该表单允许用户设置问题名称、所属分类、题目内容及类型，并提供了动态添加和删除选项的功能。

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

<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>编辑问题</title>
<meta name="decorator" content="default"/>
<style type="text/css">
table tr td{text-align:left;padding-top:5px;}
</style>
<script type="text/javascript">
$(document).ready(function() {
var order = 1;
//添加
$(".icon-plus").live("click",function(){
var obj = $(this).parent().parent();
obj.after("<tr><td name='order'></td>"+
"<td><input type='text'name='dName' class='input-small'/></td>"+
"<td><input type='text' name='dValue' class='input-mini'/></td>"+
"<td style='display:none'></td>"+
"<td><i class='icon-plus'></i>&nbsp;"+
"<i class='icon-remove'></i></td></tr>");
$("td[name='order']").each(function(){
$(this).html(order++);
});
order = 1;
});
//删除
$(".icon-remove").live("click",function(){
var obj = $(this).parent().parent();
obj.remove();
var count = 0;
$("td[name='order']").each(function(){
$(this).html(order++);
});
order = 1;
});
var selectdata = function(id,text,code){
this.id = id;
this.text = text;
this.code = code;
}
//题目类型选择
var carddata = new Array();
<c:forEach items="${fns:getDictList('title_type')}" var="dict">
carddata.push(new selectdata("${dict.value}","${dict.name}")); 
</c:forEach>
$("#qType").select2({
placeholder: "请选择",
data:carddata,
   allowClear: true
});
//细项类型选择
 $("input:radio[name='diagnoseType']").click(function(){
 var val=$(this).val();
 var carddatas = new Array();
if(val=="1"){
<c:forEach items="${fns:getDictList('outpatient_questionType')}" var="dict">
carddatas.push(new selectdata("${dict.value}","${dict.name}")); 
</c:forEach>
}else if(val=="2"){
<c:forEach items="${fns:getDictList('hos_questionType')}" var="dict">
carddatas.push(new selectdata("${dict.value}","${dict.name}")); 
</c:forEach>
}
$("#type").select2({
placeholder: "请选择",
data:carddatas,
   allowClear: true
});
 });
//主观题没有table
 $("#qType").change(function(){
if ($(this).val()=="3"){
$("#maintable").hide();
} else{
$("#maintable").show();
}
 });
 $("#maintable").hide();
 if( $("#qType").val()!="3"&&$("#qType").val()!=''){
 $("#maintable").show();
 }else{
 $("#maintable").hide();
 }
 if($('input[name="diagnoseType"]:checked').val()=="1"){
 var vselect = new Array();
<c:forEach items="${fns:getDictList('outpatient_questionType')}" var="dict">
vselect.push(new selectdata("${dict.value}","${dict.name}")); 
</c:forEach>
$("#type").select2({
placeholder: "请选择",
data:vselect,
   allowClear: true
});
 }else if($('input[name="diagnoseType"]:checked').val()=="2"){
 var vselect = new Array();
<c:forEach items="${fns:getDictList('hos_questionType')}" var="dict">
vselect.push(new selectdata("${dict.value}","${dict.name}")); 
</c:forEach>
$("#type").select2({
placeholder: "请选择",
data:vselect,
   allowClear: true
});
 }else{
 var vselect = new Array();
 $("#type").select2({
placeholder: "请选择",
data:vselect,
   allowClear: true
});
 }
 
});
function submit(){
var value=$("#qType").val();
// if(value=="3"){
// getTable()="";
// }
$.ajax({
type:"POST",
dataType:"text",
 async:false,
     url: "${ctx}/qm/insertQuestionTable",
     data: $('#questionForm').serialize()+'&'+$.param({'table':getTable()}),
     success: function (result) { 
      parent.location = "${ctx}/qm/questionList";//+'&flagStu=2'+'&subjectId='+result[1];
      //location = "${ctx}/groupExpert/assessmentSet?planId="+result[0]+'&subjectId='+result[1]+'&flagStu=2';
     }

});

}
function getTable(){
var tb=document.getElementById("tbody");    //获取table对像
   var rows=tb.rows;
   var args = [];
     for(var i=0;i<rows.length;i++){    //--循环所有的行
       var cells=rows[i].cells; 
       var data = new Object();
       for(var j=0;j<cells.length;j++ ){
        if(j==0){
        var name ="order";
        data[name]=cells[j].innerText;
        }else if(j==1){
        var name ="dName";
        data[name]=cells[j].getElementsByTagName("input")[0].value;
        }else if(j==2){
        var name ="dValue";
        data[name]=cells[j].getElementsByTagName("input")[0].value;
        }else if(j==3){
        var name="dId";
        data[name]=cells[j].innerText;
        }
       }  
       args[i]=data;
    } 
// alert("data:"+JSON.stringify(args));
return JSON.stringify(args);
}
</script>
</head>
<body>


<div style="width:90%;margin-left:5%;padding-top:10px;">
<form action="" method="post" id="questionForm" modelAttribute="qm">
<input id="id" name="id" value="${questionInfo.id}" type="text" style="display:none" />
<p class="p_list clx">
<span class="spa1">问题名称：</span>
<span class="spa2"><input class="inp1" id="qName" name="qName" type="text" value="${questionInfo.qName}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">所属分类：</span>
<span class="spa2">
<label><input  class="inp1"  name="diagnoseType" type="radio" ${questionInfo.diagnoseType eq '1' ? 'checked':false}   value="1" />门诊</label>
<label><input  class="inp1" name="diagnoseType" type="radio" ${questionInfo.diagnoseType eq '2' ? 'checked':false}  value="2" />住院</label>
</span>
<span class="spa3"><input  class="inp1" id="type" name="type" type="text" value="${questionInfo.type}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">题目：</span>
<span class="spa2"><input  class="inp1" id="qContent" name="qContent" type="text" value="${questionInfo.qContent}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">题目类型：</span>
<span class="spa2"><input  class="inp1" id="qType" name="qType" type="text" value="${questionInfo.qType}" /></span>
</p>
</form>
<table width = "100%" id="maintable">
<thead>
<th>序号</th>
<th>选项名称</th>
<th>分值</th>
<th>操作</th>
</thead>
<tbody id="tbody">
<c:choose> 
<c:when test="${not empty qdlist}"> 
<c:forEach items="${qdlist}" var="list">
<tr>
<td name="order">${list.order}</td>
<td><input type="text" name="dName" value="${list.dName}" class="input-small"/></td>
<td><input type="text" name="dValue" value="${list.dValue}"class="input-mini"/></td>
<td style="display:none">${list.dId}</td>
<td><i class="icon-plus"></i></td>
</tr>
</c:forEach>
</c:when>
  <c:otherwise>   
  <tr>
<td name="order">${fn:length(qdList)+1}</td>
<td><input type="text" name="dName"  class="input-small"/></td>
<td><input type="text" name="dValue" class="input-mini"/></td>
<td style="display:none"></td>
<td><i class="icon-plus"></i></td>
</tr>
 </c:otherwise> 
</c:choose>
</tbody>
</table>

<div align="center">
<input class="btn btn-primary" value="提交" onclick="submit()"/>
</div>
</div>


</body>
</html>
学习node 需要额外知道的几个模块
qq_37016928的博客
12-03 732
1.   formidable 用于处理form表单数据的处理，特别是对images的处理。 1)     创建Formidable.IncomingForm对象 　　　var form = new formidable.IncomingForm() 2)     form.encoding = 'utf-8' 设置表单域的编码 3)     form.u
jsp(10):数据库操作
aic1999的博客
05-17 833
首先一定要下载好驱动文件。然后记得一定要先加载到项目中！驱动文件下载连接：已经有写好的数据库文件以及前端页面了例如我的是mysql驱动。就将mysql-connector-java-5.1.38-bin.jar添加到webcontent的web-inf下的lib中就可以了~遵循固定代码格式，不必多说：1.加载驱动Class.forName("com.mysql.jdbc.Driver");我这里以...
questionView.jsp
05-16 89
编辑问题 table tr td{text-align:left;padding-top:5px;} $(document).ready(function() { var selectdata = function(id,text,code){ this.id = id; this.text = text; this.code = code; } //题目类型选
request.getRequestDispatcher跳转jsp页面失败
明月寄天涯的博客
04-08 2204
request.getRequestDispatcher跳转jsp页面失败 我的解决方案： <form name="form-forgetPwd" method="post" action="ForgetPwdServlet?action=forgetPwd1"> <div class="form-group"> ...
JSP的入门学习
m0_71001684的博客
03-14 762
javaWeb入门学习
JSP 总结
qq_27494201的博客
08-08 2496
1、页面乱码问题 链接：https://blog.csdn.net/qq_26748397/article/details/77943034 我正在初学JSP，我犯了第一个错误，再次登记一下！ 原因： JSP中默认使用iso-8859-1字符编码方式，而它不支持中文，所以一旦我们的代码有中文，就会出现乱码 应将其改为：UTF-8，如图所示： 也就是我们熟称的“万国码”！改成这个之后，写入中文代码就不会再出现乱码了！ 2、注释、表达式、注意事项 在JSP中实现注释的方式有如下三种： HTML 注释：<
第四章 JSP_02
我的博客
03-25 1269
JSP动作标签 JSP 2.0 规范中提供了20多个标准的使用XML语法写成的动作标签，这些标签可用来实现特殊的功能，例如，转发用户请求、操作JavaBean、包含其他文件等。 动作标签是在请求处理阶段按照在页面中出现的顺序被执行的。JSP 动作标签的优先级低于指令标签，在JSP页面被执行时将首先进入翻译阶段，程序会先查找页面中的指令标签，将它们转换成 Servlet，从而设置整个JSP页面。...
questionareForm.jsp
05-16 183
问卷列表 //保存返回的问题列表及操作 $(document).ready(function() { var order = 1; var orders= 1; var add=1; var trid=1; //问题添加 $(".icon-plus").live("click",function(){ var obj = $(this).parent().parent()
java获取form,从JSP(form)获取信息到Java Bean
weixin_39823017的博客
02-21 219
I have a JSP form. My requirement is to get this form's data and create a java beans object on the server side.Example: my form has fields like Name, SSN, EMAIL & Phone Numberpublic class Test {lo...
乱码问题：编写两个JSP页面，分别是question.jsp和answer.jsp页面， 要求question.jsp页面里利用表单显示选择题，提交表单至answer.jsp页面，在answer.jsp页面实现判断用户回答是否正确，运行效果如图所示：
11-05
在question.jsp中创建一个HTML表单，将POST请求提交到answer.jsp。确保表单的method属性设置为"POST"，并且enctype属性设为"application/x-www-form-urlencoded"，以便正确地传输数据： ```jsp <form action=...
将上面的requset.jsp和 Handle.jsp的代码写出来
09-25
<form action="Handle.jsp" method="post"> <label for="question">问题: <input type="radio" id="option1" name="answer" value="A"> A <input type="radio" id="option2" name="answer" value="B"> B <!-...
编写两个页面request.jsp（主页面）和Handle.jsp（数据处理页面）。 2、request.jsp（主界面）输出单选题页面，题目答完后点击“交卷”，页面跳转到Handle.jsp页面。 3、Handle.jsp（数据处理页面）对提交的数据进行处理，显示测试成绩。
10-11
<form action="Handle.jsp" method="post"> 题目1: A/B/C <input type="radio" name="question1" value="A"><label>A</label><br> <!-- 添加更多题目 --> 交卷"> </form> ``` 这里，`action` 属性设置为 ...
编写两个页面request.jsp（主页面）和Handle.jsp（数据处理页面）。2、request.jsp（主界面）输出单选题页面，题目答完后点击“交卷”，页面跳转到Handle.jsp页面。3、
09-27
<label for="question">问题:</label><br> <input type="radio" id="option1" name="answer" value="A"><label for="option1">选项A</label><br> <input type="radio" id="option2" name="answer" value="B"><label ...
1、编写两个页面request.jsp（主页面）和Handle.jsp（数据处理页面）。 2、request.jsp（主界面）输出单选题页面，题目答完后点击“交卷”，页面跳转到Handle.jsp页
10-09
在JSP中，你可以通过`<jsp:forward>`标签或者`<form>`元素配合JavaScript来完成这个需求。首先，我们创建两个JSP文件： 1. request.jsp (主页面)： ```html <!DOCTYPE html> 答题页面 选择题目并提交 <form ...
基于VMD-Attention-LSTM的时间序列预测模型（代码仅使用了一个较小数据集的训练及预测，内含使用使用逻辑，适合初学者观看，模型结构是可行的，有能力的请尝试使用更大的数据集训练）
08-23
资源下载链接为： https://pan.quark.cn/s/f4901605d35f (最新版、最全版本)基于VMD-Attention-LSTM的时间序列预测模型（代码仅使用了一个较小数据集的训练及预测，内含使用使用逻辑，适合初学者观看，模型结构是可行的，有能力的请尝试使用更大的数据集训练）
MATLABSimulink扩频通信系统仿真：BPSKQPSK调制与WalshmGold序列的误码率分析及GUI设计
08-23
基于MATLAB/Simulink平台的扩频通信系统仿真研究。主要内容包括构建扩频通信系统的仿真模型，应用BPSK和QPSK调制技术，使用Walsh、m序列和Gold序列进行扩频处理，生成并分析信号波形图，计算误码率，并设计了用户友好的GUI界面。通过这些步骤，研究人员可以深入了解扩频通信系统的性能特点及其抗干扰能力。 适合人群：从事通信工程领域的科研人员和技术开发者，尤其是对扩频通信技术和MATLAB/Simulink有初步了解的人群。 使用场景及目标：①用于教学和培训，帮助学生掌握扩频通信系统的理论知识和实际操作技能；②为科研项目提供技术支持，验证不同调制方式和扩频码对系统性能的影响；③辅助产品开发，优化通信设备的设计。 其他说明：文中提供了详细的建模方法和具体的实现步骤，附带m源代码，便于读者理解和复现实验结果。
Day09_随堂笔记.pdf
08-23
Python进阶
MATLAB中深度神经网络多特征输入单输出分类模型的实现与可视化
最新发布
08-23
内容概要：本文档详细介绍了如何在MATLAB中实现深度神经网络（DNN）的多特征输入单输出分类模型，涵盖二分类和多分类任务。文档提供了详细的代码注释，指导用户从数据导入、预处理到模型构建、训练以及最终的预测和效果评估全过程。此外，还展示了如何利用MATLAB内置函数生成分类效果图、迭代优化图和混淆矩阵图，帮助用户直观地理解和评估模型性能。 适合人群：具有一定MATLAB编程基础的研究人员和技术爱好者，尤其是那些希望深入了解深度学习及其应用的人群。 使用场景及目标：适用于需要解决多特征输入分类问题的研究项目或工业应用场景。通过学习本文档，用户能够掌握如何快速搭建和调优DNN模型，从而提高分类任务的准确性。 阅读建议：建议读者先熟悉MATLAB的基本语法和深度学习工具箱的功能，再逐步跟随文档中的步骤进行实践。同时，鼓励读者尝试不同的数据集和参数配置，探索最佳模型表现。
电力市场中基于价值认同的电能共享分布式交易策略研究 价值认同
08-23
内容概要：本文围绕电能共享市场的交易机制展开分析，提出了基于价值认同的需求侧电能共享分布式交易策略。文章首先介绍了电能共享市场的背景及其重要性，接着详细阐述了价值认同机制的设计，通过建立用户满意度和服务质量评估体系，减少无序竞争带来的无谓损失。此外，文章还设计了一致性算法支持的分布式交易策略，实现了产消者间的去中心化交易，提高了交易透明度和效率，保护了用户隐私。最后，基于剩余理论，文章探讨了边际价格驱动下的电能共享模式，并通过市场博弈模型揭示了无序竞争的问题。 适合人群：从事电力市场研究的专业人士、能源政策制定者以及对电能共享市场感兴趣的学者和技术专家。 使用场景及目标：适用于希望深入了解电能共享市场运作机制的人群，特别是那些致力于优化电力市场交易机制、降低成本、提高市场效率的研究者和从业者。 其他说明：本文不仅提供了理论分析，还提出了具体的技术解决方案，有助于推动电能共享市场的创新发展。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值