您的位置:首页 > Web前端 > JavaScript

javaScript操作select标签,select取值

2011-04-21 04:40 453 查看
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的项
12  js获取select 下拉列表中的所有值
13 Javascript取select的选中值和文本
js 代码
// 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;
文章来自学IT网:http://www.xueit.com/html/2009-05/33_2068_00.html
//12.js获取select 下拉列表中的所有值
如何在servlet中得到jsp页面中中的所有值
首先将select框加入 multiple="multiple"属性 然后在提交之前用js让所有要提交的selected
在servlet中用request.getParameterValues()方法得到数组
代码如下
页面中

function test(){
var selectedComs = document.getElementById("selectedComs");
for(var i=0;i

servlet中
String[] selectedComs = request.getParameterValues("selectedComs");
转自:http://hi.baidu.com/wwtvanessa/blog/item/ec5c1b17b4d4b90ec83d6da9.html
//13 Javascript取select的选中值和文本
var select = document.getElementById("selectType");
    var index = select.selectedIndex;
    var text = select.options[index].text;
    var value = select.options[index].value;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: