/** * * @param {} select select控件 * @param {} nodes Array數據 * @param {} value value綁定項 * @param {} text text綁定項 * @param {} prompt 選擇提示信息 * @returns {} */ function bindSelect(select, nodes, value, text, prompt) {select.empty();if (prompt) {select.append($('<option/>', {value: '',text: prompt,selected: 'selected'}));}if (nodes && nodes.length > 0) {nodes.forEach((item) => {select.append($('<option/>', {value: item[value],text: item[text]}));});} }

eg：?

var ddlSubject = $("#ddlSubject"); /*綁定學科列表*/ GetSubjectList((ref) => {if (ref) {const subList = eval(ref.value).filter((sub) => sub.IsShow === "1");bindSelect(ddlSubject, subList, "subId", "subName", "請選擇學科");} });

ps：需要引入Jquery

總結

以上是生活随笔為你收集整理的封装一个Array 数据 绑定 html select 方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。