背景
業務場景:通過接口獲取到 json 數據,前臺用select下拉框的方式展示。
業務需求導致的限制條件:
1. select展示的下拉數據不能重複。
2.後臺接口返回的json類型的data不能因select展示重複移除重複的數據行,因爲後期重複的數據行中其他不重複的數據還有用。
不能刪除
解決方法:
indexOf() : 方法可返回 某個指定的字符串值在字符串中首次出現的位置。
要檢索的字符串值沒有出現,則該方法返回 -1
注:方法對大小寫敏感,
var html = "<option value=\"\">------請選擇------</option>";
for (var i = 0;i<data.length; i++) {
var options = "<option value ='"+data[i].ZSXM_DM+"'>" + data[i].ZSXM_MC + "</option>";
if(html.indexOf(options) === -1){
html += options;
}
}
tr.find("select[name='ywsqkList.sz_dm']").html(html);