html下拉列表,但我希望第二列中的两列作为下一步的参考过滤器的隐藏文本框

snvhrwxg  于 2021-09-23  发布在  Java
关注(0)|答案(0)|浏览(183)

这是全新的。
我有下面的下拉代码,没有剧本,但我一直在添加另一列(要隐藏),作为查表的参考,参考(隐藏文本框)是一个过滤器,在您选择正确的学生后选择,对于下拉列表下的表(我将尝试构建),我将从另一个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>

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题