辅箱肇 发表于 2025-6-6 18:55:15

HTML Select Drop Down List Data Source From Web API

前端,html还是mvc页面,我们想实现一个下拉选单,写指定id或者name,稍后在js代码能获取到它。
 

#7~#9行,没有参数条件可传,保留为空。#19 Web API地址。#21为异步方法,看下,

#37,是为了不让代码写在一块,Insus.NET已经重构成另一个function,也是本示例中重点核心代码,


下面继续看看,下拉选单,在编辑时,需要给下拉选单一个前期已经选择好的值,并在下拉选单呈现时,它是选中状态,
编辑或是详细页面,js加载数据,并把各自绑定给页面tag,

#6行,下拉选单数据绑定,

#25行,Web API地址,具体API如何写,可以参本博客前此时间的随笔。
#27行,已经被重构成另外单独function,仔细看来,
https://img2024.cnblogs.com/blog/28036/202501/28036-20250104092755836-662330609.png
 
#41行,看到否, selectedValue参数,它是默认的下拉选单选中的值。

 
#59行,从下拉选单的数据源中,判断键值与selectedValue相同,即在生成option时,添加selected。

基本上完成了,非编辑与编辑,Insus.NET使用不同语法动态生成下拉选单的option。

最后来个动态演示,

 

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: HTML Select Drop Down List Data Source From Web API