Javascript .append()由索引号乘以jQuery

Javascript .append()由索引号乘以jQuery,javascript,jquery,html,html-table,append,Javascript,Jquery,Html,Html Table,Append,我试图将值附加到表中的特定位置。最初我有一个脚本,它可以很好地更改输入字段的值,而不是追加,但是因为我需要做一些文本包装,所以输入字段是不够的 以下是整个项目的一个片段(抱歉,由于字符限制,我不得不编辑掉特定区域): //课程名称 var courseNames=[“调查设计和数据分析”、“硕士论文研究”、“提高教学技能”、“评估和评估”、“处理问题学习者的策略”、“医学写作和演示技能(在线)”、“医学教育和医学教育研究主题”、“充分利用辅导”,「教学实习:门诊教学」、「教学实习:住院教学」、

我试图将值附加到表中的特定位置。最初我有一个脚本,它可以很好地更改输入字段的值,而不是追加,但是因为我需要做一些文本包装,所以输入字段是不够的

以下是整个项目的一个片段(抱歉,由于字符限制,我不得不编辑掉特定区域):

//课程名称
var courseNames=[“调查设计和数据分析”、“硕士论文研究”、“提高教学技能”、“评估和评估”、“处理问题学习者的策略”、“医学写作和演示技能(在线)”、“医学教育和医学教育研究主题”、“充分利用辅导”,「教学实习:门诊教学」、「教学实习:住院教学」、「教学实习:课堂教学」、「教学沟通技巧」、「医学教育研讨会系列」、「系统回顾与元分析导论」;
变量列表=$(“#课程”)[0];
courseNames.forEach(功能(项目){
var option=document.createElement('option');
option.value=项目;
列表。追加子项(选项);
});
//目录号
变量类别编号=[“MEDEDU 2045”、“MEDEDU 2080”、“MEDEDU 2100”、“MEDEDU 2125”、“MEDEDU 2131”、“MEDEDU 2140”、“MEDEDU 2160”、“MEDEDU 2170”、“MEDEDU 2201”、“MEDEDU 2202”、“MEDEDU 2203”、“MEDEDU 2250”、“MEDEDU 2260”、“CLRES 2300”];
变量列表=$(“#目录”)[0];
catNumbers.forEach(功能(项目){
var option=document.createElement('option');
option.value=项目;
列表。追加子项(选项);
});
//班级
变量classNum=[“30974”、“13755”、“13747”、“27308”、“22757”、“13746”、“13749”、“17483”、“13757”、“13756”、“13758”、“13751”、“16991”、“27310”]
//UnitCr阵列
var unitCr=[“1”、“1-3”、“2”、“1”、“1”、“1”、“1”、“1”、“1”、“1”、“2”、“1”、“1”]
//日子
var天数=[“W”、“请”、“MW”、“W”、“MW”、“在线”、“请”、“F”、“请参见讲师”、“请”、“请”、“MW”、“请”、“MW”]
//时代
变量时间=[“10:00-12:00”,“见”,“12:30-2:30”,“3:00-5:00”,“3:00-5:00”,“见”,“1:00-3:00”,“见”,“见”,“见”,“1:15-4:15”,“见”,“9:00-11:00”]
//建筑物/房间
var bldgRm=[“305帕克维尔”、“讲师”、“305帕克维尔”、“305帕克维尔”、“305帕克维尔”、“讲师”、“305帕克维尔”、“讲师”、“讲师”、“305帕克维尔”、“讲师”、“222帕克维尔”]
//这就是给我带来麻烦的功能
函数UpdateCatNumbers(){
$('input[name=courseInput]')。每个(函数(索引){
$(this).change(function(){
var a=courseNames.indexOf($(this.val())
$('input[name=catalogInput]').eq(index).val(catNumbers[a]);
$('.classNumID').eq(index).append(classNum[a]);
$('.unitCreditID').eq(index).append(unitCr[a]);
$('.daysID').eq(index).append(days[a]);
$('.timeID').eq(index).append(times[a]);
$('.bldgrid').eq(index).append(bldgRm[a]);
//$('input[name=classnumput]').eq(index).val(classNum[a]);
//$('input[name=unitCreditInput]').eq(index).val(unitCr[a])
//$('input[name=daysInput]').eq(index).val(days[a]);
//$('input[name=timeInput]').eq(index).val(times[a]);
//$('input[name=bldgrimput]').eq(index).val(bldgRm[a]);
});
});
}
//这个太贵了
函数UpdateCourseNames(){
$('input[name=catalogInput]')。每个(函数(索引){
$(this).change(function(){
var b=catNumbers.indexOf($(this.val())
$('input[name=courseInput]').eq(index).val(courseNames[b]);
$('#classNumID').eq(index).append(classNum[b]);
$('#unitCreditID').eq(index).append(unitCr[b]);
$('#daysID').eq(index).append(days[b]);
$('#timeID').eq(index).append(times[b]);
$('bldgRmID').eq(index).append(bldgRm[b]);
//$('input[name=classnumput]').eq(index).val(classNum[b]);
//$('input[name=unitCreditInput]').eq(index).val(unitCr[b])
//$('input[name=daysInput]').eq(index).val(days[b]);
//$('input[name=timeInput]').eq(index).val(times[b]);
//$('input[name=bldgrimput]').eq(index).val(bldgRm[b]);
});
});
}
$('#lastName').focusout(函数(){
this.value=this.value.toUpperCase();
});
$('#firstName').focusout(函数(){
this.value=this.value.toUpperCase();
});
$('#middleInitial').focusout(函数(){
this.value=this.value.toUpperCase();
});
函数pdfButton(){
如果(确认(“要将报名表保存为PDF,请将打印目的地更改为“另存为PDF”或将打印机名称更改为“Adobe PDF”){
window.print();
返回错误
}
}
*{
框大小:边框框;
}
.标题{
显示:内联块;
宽度:100%;
高度:220px;
填充:20px;
文本对齐:居中;
字体系列:佐治亚,泰晤士报,“泰晤士报新罗马”,衬线;
颜色:白色;
背景:url('https://upload.wikimedia.org/wikipedia/en/thumb/f/fb/University_of_Pittsburgh_seal.svg/1200px-University_of_Pittsburgh_seal.svg.png')左中心无重复内容框,径向渐变(圆最远侧,rgba(255,255,255,0)0,rgba(255,255,255,0)48%,rgba(22,20,66,1)100%中心,线性渐变(rgba(0,0,128,0.35),rgba(0,0,128,0.35))中心,url('https://consideringadoption.com/wp-content/uploads/2016/01/pittsburgh-image.jpg中心不重复,线性梯度(rgba(22,20,66,1),rgba(22,20,66,1));
背景尺寸:125px,1150px;
}
.标题h1{
字体大小:50px;
文本阴影:2PX2PX4PX000000;
}
.标题p{
字体大小:25px;
文本阴影:3px 3px 4px#000000;
}
a:链接{
颜色:薄荷奶油;
}
a:参观了{
颜色:薄荷奶油;
}
.身体{
字体系列:投石机MS;
显示:内联块;
填充顶部:30px;
背景色:rgba(240、206、142、1);
}
.侧边栏{
显示:内联块;
宽度:5%;
}
.身体内容{
显示:内联块;
宽度:90%;
}
.TopInfo{
溢出:自动;
宽度:100%;
}
IdInfo先生,
.ProgInfo,
.YearInfo{
边框:1px实心;
高度:275px;
溢出:自动;
显示:在
function UpdateCatNumbers(event) {
    $('input[name=courseInput]').each(function(index) {
        $(this).change(function() {
            var a = courseNames.indexOf($(this).val())
            $('input[name=catalogInput]').eq(index).val(catNumbers[a]);
            $('.classNumID').eq(index).append(classNum[a]);
            $('.unitCreditID').eq(index).append(unitCr[a]);
            $('.daysID').eq(index).append(days[a]);
            $('.timeID').eq(index).append(times[a]);
            $('.bldgRmID').eq(index).append(bldgRm[a]);
            event.stopPropagation();
        }); 
    });
 }