这是全新的。
我有下面的下拉代码,没有剧本,但我一直在添加另一列(要隐藏),作为查表的参考,参考(隐藏文本框)是一个过滤器,在您选择正确的学生后选择,对于下拉列表下的表(我将尝试构建),我将从另一个xml文件中填充该表(两个xml文件中的公共列都是“stuid”列。
下拉式xml是一个文件,具有不同的名称和所有学生的stuid(共2列)。表xml包含stuid和其他信息(共8列)
如果有人能给我指出正确的方向,我将不胜感激。如上所述,我对这个项目完全陌生,只是到处寻找我需要在这个小项目上做的事情的片段。
这是我目前的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<title>Using jQuery and XML to populate a drop-down box demo</title>
<script>
$(document).ready(function(){
$.ajax({
type: "GET",
url: "PDC_InstrExport2.xml",
dataType: "xml",
success: function(xml) {
var select = $('#mySelect');
$(xml).find('tbl_PDC_InstrWEB_Export2').each(function(){
$(this).find('Name').each(function(){
//$('Name', xml).each(function(){
var value1 = $(this).text();
select.append("<option class='ddindent' value='"+ value1 +"'>"+value1+"</option>");
});
});
select.children(":first").text("Select PDC Student").attr("selected",true);
} //sucess close
});
});
</script>
</head>
<body>
<input name="Hidden1" type="hidden" />
<h2>Header is Here</h2>
<img src="Monkey.jpg" alt="Logo Here" width="80" height="80"/>
<div id="page-wrap">
<select id="mySelect">
<option>loading</option>
</select>
</div>
</body>
</html>
下拉xml文件的示例如下所示:
<?xml version="1.0" encoding="UTF-8"?>
<dataroot generated="2021-07-10T12:39:06" xmlns:od="urn:schemas-microsoft-com:officedata">
<tbl_PDC_InstrWEB_Export2>
<Name>ABELLANOSA, ELAINE JOY-4W</Name>
<StuID>21-05C-158</StuID>
</tbl_PDC_InstrWEB_Export2>
<tbl_PDC_InstrWEB_Export2>
<Name>ALBA, RUBY SOCORRO-4W</Name>
<StuID>21-05C-411</StuID>
</tbl_PDC_InstrWEB_Export2>
<tbl_PDC_InstrWEB_Export2>
<Name>AMODIA, FAY LORRAINE-2W</Name>
<StuID>20-05E-1813</StuID>
</tbl_PDC_InstrWEB_Export2>
<tbl_PDC_InstrWEB_Export2>
<Name>AWE, DEONA MAE-4W</Name>
<StuID>21-05C-430</StuID>
</tbl_PDC_InstrWEB_Export2>
</dataroot>
暂无答案!
目前还没有任何答案,快来回答吧!