js實現select下拉option去重

js實現select下拉option去重

背景

業務場景:通過接口獲取到 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);
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章