jquery设置并获取select的相关操作的代码编写

今天项目经理不在，就偷偷地在上班时间写下这篇博客，本人由于最近在做一个将用pascal语言编写的客户端项目改写成javaWeb的项目所以用到了大量的前端方面的只是，下面只是本人在项目中经常用到的，所以有必要将其整理一下，可以以备后面使用时，可以直接查看。

jquery操作select(取值，设置选中） 

比如<select class="selector"></select> 

1、设置value为pxx的项选中 

$(".selector").val("pxx"); 

2、设置text为pxx的项选中 

$(".selector").find("option[text='pxx']").attr("selected",true); 

这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。 

3、获取当前选中项的value 

$(".selector").val(); 

4、获取当前选中项的text 

$(".selector").find("option:selected").text(); 

5、select的级联

$(".selectorone").change(function(){

$(".selectortwo").empty();

var option = $("<option>").val(1).text("pxx");

$(".selectortwo").append(option);

});

6、判断select选项中 是否存在Value="paraValue"的Item 

//判断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;

}

7、向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("成功加入");

}

}

8、从select选项中 删除一个Item 

function jsRemoveFromSelect(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中不存在该项");

}

}

9、删除select中选中的项 

function jsRemoveSelectedItemFromSelect(objSelect){

var length = objSelect.options.length-1;

for(var i=lebgth;i>=0;i--){

if(objSelect[i].selected==true){

objSelect.options[i]=null;

}

}

}

10、修改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中不存在该项");

}

}

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

function jsSelectItemByValue(objSelect,objItemText){

//判断是否存在

var isExit = false;

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

if(objSelect.options[i].text==objItemText){

objSelect.options[i].selected = true;

isExit=true;

break;

}

}

if(isExit){

alert("成功选中");

}else{

alert("该select中不存在该项");

}

}

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

document.all.objSelect.value=objItemValue;

13、得到select的当前选中项的value 
var currSelectValue = document.all.objSelect.value;

14、得到select的当前选中项的text 

var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;

15、得到select的当前选中项的Index 

var currSelectIndex = document.all.objSelect.selectedIndex;

16、清空select的项

document.all.objSelect.options.length = 0;

后面将陆续添加更多关于jquery方面的内容......