HTML中select標籤單選多選用法詳解
阿新 • • 發佈:2018-12-19
/@param fromObjSelectId 移動item的原select元件id @param toObjectSelectId 移動item將要進入的目標select元件id/ function move1() { var objSelect = document.getElementById(“fromObjSelectId”); var delNum = 0; if (null != objSelect && typeof(objSelect) != “undefined”) { for(var i=0;i<objSelect.options.length;i=i+1) { if(objSelect.options[i].selected) { addOneItemToSelect(“toObjectSelectId”,objSelect.options[i].text,objSelect.options[i].value) objSelect.options.remove(i); i = i - 1; } } } }
/*@param objSelectId 將要加入item的目標select元件的id @param objItemText 將要加入的item顯示的內容 @param objItemValue 將要加入的item的值*/ function addOneItemToSelect(objSelectId,objItemText,objItemValue) { var objSelect = document.getElementById(objSelectId); if (null != objSelect && typeof(objSelect) != "undefined") { //判斷是否該值的item已經在select中存在 if(isSelectItemExit(objSelectId,objItemValue)) { $.alert('提示訊息','該值的選項已經存在!','info'); } else { var varItem = new Option(objItemText,objItemValue); objSelect.options.add(varItem); } } } /*@param objSelectId 將要驗證的目標select元件的id @param objItemValue 將要驗證是否存在的值*/ function isSelectItemExit(objSelectId,objItemValue) { var objSelect = document.getElementById(objSelectId); var isExit = false; if (null != objSelect && typeof(objSelect) != "undefined") { for(var i=0;i<objSelect.options.length;i++) { if(objSelect.options[i].value == objItemValue) { isExit = true; break; } } } return isExit; }