select 操作大全动态增中值

var Purposes1=[{name:'住宅',index:0},{name:'别墅',index:1},{name:'写字楼',index:2},{name:'商铺',index:3}];

for(var i=0;i<Purposes1.length;i++) {
    $("rent_select").options[i+1]=new Option(Purposes1[i].name,Purposes1[i].index);
 }

// 1.判断select选项中 是否存在Value="paraValue"的Item           
function jsSelectIsExitItem(objSelect, objItemValue) {           
    var isExit = false;           
    for (var i = 0; i < objSelect.options.length; i++) {           
        if (objSelect.options[i].value == objItemValue) {           
            isExit = true;           
            break;           
        }           
    }           
    return isExit;           
}            
      
// 2.向select选项中 加入一个Item           
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {           
    //判断是否存在           
    if (jsSelectIsExitItem(objSelect, objItemValue)) {           
        alert("该Item的Value值已经存在");           
    } else {           
        var varItem = new Option(objItemText, objItemValue);         
        objSelect.options.add(varItem);        
        alert("成功加入");        
    }           
}           
      
// 3.从select选项中 删除一个Item           
function jsRemoveItemFromSelect(objSelect, objItemValue) {           
    //判断是否存在           
    if (jsSelectIsExitItem(objSelect, objItemValue)) {           
        for (var i = 0; i < objSelect.options.length; i++) {           
            if (objSelect.options[i].value == objItemValue) {           
                objSelect.options.remove(i);           
                break;           
            }           
        }           
        alert("成功删除");           
    } else {           
        alert("该select中 不存在该项");           
    }           
}       
      
      
// 4.删除select中选中的项       
function jsRemoveSelectedItemFromSelect(objSelect) {           
    var length = objSelect.options.length - 1;       
    for(var i = length; i >= 0; i--){       
        if(objSelect[i].selected == true){       
            objSelect.options[i] = null;       
        }       
    }       
}         
      
// 5.修改select选项中 value="paraValue"的text为"paraText"           
function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {           
    //判断是否存在           
    if (jsSelectIsExitItem(objSelect, objItemValue)) {           
        for (var i = 0; i < objSelect.options.length; i++) {           
            if (objSelect.options[i].value == objItemValue) {           
                objSelect.options[i].text = objItemText;           
                break;           
            }           
        }           
        alert("成功修改");           
    } else {           
        alert("该select中 不存在该项");           
    }           
}           
      
// 6.设置select中text="paraText"的第一个Item为选中           
function jsSelectItemByValue(objSelect, objItemText) {               
    //判断是否存在           
    var isExit = false;           
    for (var i = 0; i < objSelect.options.length; i++) {           
        if (objSelect.options[i].text == objItemText) {           
            objSelect.options[i].selected = true;           
            isExit = true;           
            break;           
        }           
    }                 
    //Show出结果           
    if (isExit) {           
        alert("成功选中");           
    } else {           
        alert("该select中 不存在该项");           
    }           
}           
      
// 7.设置select中value="paraValue"的Item为选中       
document.all.objSelect.value = objItemValue;       
          
// 8.得到select的当前选中项的value       
var currSelectValue = document.all.objSelect.value;       
          
// 9.得到select的当前选中项的text       
var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;       
          
// 10.得到select的当前选中项的Index       
var currSelectIndex = document.all.objSelect.selectedIndex;       
          
// 11.清空select的项       
document.all.objSelect.options.length = 0;

 

posted @ 2011-06-16 10:58  老皆知  阅读(285)  评论(0编辑  收藏  举报