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]