js控制下拉列表框

select 下拉列表(添加,删除option对象)

select元素javascript常用操作

JavaScript对Select控件的操作

 

推荐圈子: 大连JAVAeyer群

更多相关推荐 1判断select选项中 是否存在Value="paraValue"的Item

2向select选项中 加入一个Item

3从select选项中 删除一个Item

4删除select中选中的项

5修改select选项中value="paraValue"的text为"paraText"

6设置select中text="paraText"的第一个Item为选中

7设置select中value="paraValue"的Item为选中

8得到select的当前选中项的value

9得到select的当前选中项的text

10得到select的当前选中项的Index

11清空select的项

// 1.判断select选项中 是否存在Value="paraValue"的Item       

function jsSelectIsExitItem(objSelect, objItemValue){       

    var isExit =false;       

    for (var i =0; i < objSelect.options.length; i++) {       

        if(objSelect.options.value == objItemValue) {       

           isExit = true;       

           break;       

        }        

    }       

    returnisExit;       

}       

// 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 (vari = 0; i < objSelect.options.length; i++) {       

            if(objSelect.options.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.selected == true){   

           objSelect.options = null;   

        }   

    }   

}     

// 5.修改select选项中value="paraValue"的text为"paraText"       

function jsUpdateItemToSelect(objSelect, objItemText,objItemValue) {       

    //判断是否存在       

    if(jsSelectIsExitItem(objSelect, objItemValue)) {       

        for (vari = 0; i < objSelect.options.length; i++) {       

            if(objSelect.options.value == objItemValue) {       

               objSelect.options.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.text == objItemText) {       

           objSelect.options.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; 

 

================================================================

<select size="1" id="name"onChange="location='managerProduct.jsp?typeId='+this.value+'&indexId='+this.selectedIndex">

可以把你选中的索引传过去

也可以保存在session中

然后写

<script language="javascript">

document.getElementById("name").selectedIndex= <%=index%>;

</script>就可以选中