1. 程式人生 > >HTML中select標籤單選多選用法詳解

HTML中select標籤單選多選用法詳解

/@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;
        }