js关于从数据库取数据动态给下拉框默认选择项赋值问题

大山王 大山王 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
json数据如下:
{
"code": 200,
"msg": "执行成功!",
"data": {
"list_supply": [
{
"supply_id": "1",
"supply_name": "肉类供应商"
},
{
"supply_id": "2",
"supply_name": "果蔬供应商"
},
{
"supply_id": "12",
"supply_name": "优良食品有限公司"
}
],
"list_section": [
{
"section_id": "230",
"breif": "招标大米第一标段"

},
{
"section_id": "231",
"breif": "招标大米第二标段"

},
{
"section_id": "232",
"breif": "招标大米第三标段"
}
],
"list_supply_school": [
{
"supply_id": "1",
"section_id": "231",
"supply_name": "肉类供应商",
"section_name": "招标大米第二标段"
},
{
"supply_id": "2",
"section_id": "232",
"supply_name": "果蔬供应商",
"section_name": "招标大米第三标段"
},
{
"supply_id": "12",
"section_id": "230",
"supply_name": "优良食品有限公司",
"section_name": "招标大米第一标段"
}
],
"select_limit": 1
}
}
我的想法是做一个标段列表(列表数据在list_section里),每个标段可以选择供应商(选择供应商是下拉框形式选择,在list_supply数据里),这些都做出来了,但是现在我想,将标段选择供应商的默认选项是list_supply_school里对应的内容,也就是说section_id =231的默认选择是肉类供应商,求大神告知,谢谢!


下面是我写的代码:
<script>
var jsons = {
"code": 200,
"msg": "执行成功!",
"data": {
"list_supply": [{
"supply_id": "1",
"supply_name": "肉类供应商"
}, {
"supply_id": "2",
"supply_name": "果蔬供应商"
}, {
"supply_id": "12",
"supply_name": "优良食品有限公司"
}],
"list_section": [{
"section_id": "230",
"breif": "招标大米第一标段",
"dep_id": "86"

}, {
"section_id": "231",
"breif": "招标大米第二标段",
"dep_id": "86"

}, {
"section_id": "232",
"breif": "招标大米第三标段",
"dep_id": "86"
}],
"list_supply_school": [{
"supply_id": "1",
"section_id": "231",
"supply_name": "肉类供应商",
"section_name": "招标大米第二标段"
}, {
"supply_id": "2",
"section_id": "232",
"supply_name": "果蔬供应商",
"section_name": "招标大米第三标段"
}, {
"supply_id": "12",
"section_id": "230",
"supply_name": "优良食品有限公司",
"section_name": "招标大米第一标段"
}],
"select_limit": 1
}
};
var arr1 = [];
for(var i = 0, L = jsons.data.list_section.length; i < L; i++) {
var Breif = jsons.data.list_section[i].breif;
var section_id = jsons.data.list_section[i].id;
var dep_id = jsons.data.list_section[i].dep_id;
//alert(dep_id);
var arr2 = [];
for(var j = 0, K = jsons.data.list_supply.length; j < K; j++) {
var supply_name = jsons.data.list_supply[j].supply_name;
var supply_id = jsons.data.list_supply[j].supply_id;
//alert(supply_id);
arr2.push("<option value='" + supply_id + "'>" + supply_name + "</option>");
}

arr1.push("<ul class='mui-table-view mui-table-view-striped mui-table-view-condensed'><li class='mui-table-view-cell'><div class='mui-table'><div id='info' class='mui-table-cell mui-col-xs-10'><h4 class='mui-ellipsis'>" + Breif + "</h4><div class='mui-h5'>选供应商:</div><div class='mui-content-padded'><select id=" + section_id + " style='background-color: lightyellow;' name='section_info_school[ " + dep_id + "-" + section_id + "]' class='mui-btn mui-btn-block'><option value='' class='do' ></option>" + arr2 + "</select></div></div><div class='mui-table-cell mui-col-xs-2 mui-text-right'></div></div></li></ul>");
document.getElementById("opt").innerHTML = arr1.join('');
var sel = document.getElementById(section_id);
//alert(sel.options.length);
for(var m = 0; m < sel.options.length; m++) {
var list = jsons.data.list_supply_school; //
//console.log(list);
//alert(list.length);
for(var n = 0, L = list.length; n < L; n++) {
var temp_name = list[n].supply_name;
var temp_id = list[n].section_id;
if(temp_id == section_id) {
hidden = temp_name;
alert(hidden);
if(sel.options[m].innerHTML == hidden) {
sel.options[m].selected = "selected";
break;
}
}
} //
}
}
</script>
...全文

相关推荐

蒙古国寺庙shp信息点wgs84.zip

蒙古国寺庙shp信息点wgs84.zip

鸿业远图科技

【电力系统状态估计与PMU(相量测量单元)】使用WLS和PMU来估计系统的电压幅值和角度还将这些值与使用Newton-Raphson方法获得的状态进行比较(Matlab代码实现)

内容概要:本文系统阐述了基于加权最小二乘法(WLS)融合相量测量单元(PMU)量测数据进行电力系统状态估计的理论与实现方法,重点研究了如何利用PMU提供的高精度、高同步性的电压和电流相量信息,构建精确的量测方程,并将其集成到传统的WLS状态估计算法中,以实现对系统节点电压幅值和相角的高精度估计。文中详细描述了WLS-PMU联合估计模型的数学推导过程,包括状态变量定义、量测函数建立、雅可比矩阵计算及迭代求解流程,并通过Matlab编程实现了该算法。研究进一步将WLS-PMU的估计结果与基于传统SCADA量测和牛顿-拉夫森(Newton-Raphson)潮流计算的状态估计结果进行对比分析,通过仿真验证了PMU的引入能显著提升状态估计的精度、收敛速度和抗噪声能力,为现代电力系统的高精度实时监控与安全分析提供了有效的技术手段。; 适合人群:具备电力系统分析、现代控制理论基础,熟悉状态估计、潮流计算原理,并能熟练运用Matlab进行仿真实验的电气工程专业高年级本科生、研究生及从事电力系统自动化、智能电网相关领域的科研人员和技术工程师。; 使用场景及目标:① 掌握融合PMU量测的WLS状态估计模型的完整构建方法与理论依据;② 学习并掌握在Matlab环境中实现WLS算法及Newton-Raphson潮流计算的具体编程技巧与仿真流程;③ 通过定量对比分析,深入理解PMU在提升电网可观测性、增强状态估计鲁棒性方面的核心价值与技术优势。; 阅读建议:建议读者在阅读时紧密结合所提供的Matlab代码,逐行分析算法实现细节,特别是PMU量测方程的处理、权重矩阵的设定以及WLS迭代过程的逻辑。鼓励通过修改系统参数(如网络拓扑、PMU配置数量与位置)、引入不同程度的量测噪声等方式进行扩展性仿真实验,以直观感受不同因素对估计性能的影响,从而深化对状态估计理论精髓的理解。

逝川长叹

基于OFDM的基带通信系统仿真平台设计与实现(Matlab代码实现)

内容概要:本文详细介绍了基于OFDM(正交频分复用)的基带通信系统仿真平台的设计与实现,依托Matlab进行代码开发,旨在构建一个完整、可复现的通信系统仿真环境。该平台系统性地实现了通信链路中的核心模块,包括信号调制解调、信道编码、多载波生成、IFFT/FFT变换、循环前缀的添加与去除、信道建模以及接收端的均衡处理等关键环节,能够全面模拟无线通信过程中的物理层操作。通过该仿真平台,研究人员不仅可以深入理解OFDM技术的内在工作原理,还能灵活调整调制方式、编码方案、信道模型等参数,进而开展误码率性能分析与系统优化研究,为实际通信系统的设计与验证提供坚实的理论依据和技术支撑。; 适合人群:具备通信原理基础知识,熟悉Matlab编程,从事通信工程、电子信息或相关领域研究的研究生、科研人员及工程师。; 使用场景及目标:① 学习和掌握OFDM通信系统的基本架构与关键技术;② 在Matlab环境中搭建可复现的基带通信仿真平台,用于教学演示或科研验证;③ 通过调整调制方式、编码方案、信道模型等参数,开展系统性能评估与优化研究。; 阅读建议:建议读者结合通信原理教材,按照模块逐步实现各功能组件,并通过仿真结果分析其影响,从而加深对OFDM系统工作机制的理解。

稷下科研社

本资源来源于vector官方知识库,KB0021581-CAPL-系统变量函数-数据类型-独立函数参数

本资源来源于vector官方知识库,KB0021581_CAPL_系统变量函数_数据类型_独立函数参数

蚂蚁小兵

《Linux操作系统应用项目教程》全套PPT课件2026

《Linux操作系统应用项目教程》全套PPT课件2026

书阁酷
评论 3
收藏 已收藏
分享
返回顶部
大山王
JavaScript 87,984 成员 224,681 内容