今天项目经理不在,就偷偷地在上班时间写下这篇博客,本人由于最近在做一个将用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;
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方面的内容......