//
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
;
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
isExit = true;
break;
}
}
return isExit;
}
![](https://i-blog.csdnimg.cn/blog_migrate/c09e12f8052441dbf843295f45e9e0f7.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/40ca14662f6cc8b60b6526201e864e1c.gif)
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
alert("该Item的Value值已经存在");
} else {
var varItem = new Option(objItemText, objItemValue);
objSelect.options.add(varItem);
alert("成功加入");
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/5e0a1413f5db6991aab743d4657b8f59.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/ec5df6f0615380f402c54c668142d8af.gif)
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中 不存在该项");
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/dcb855134a6fb99b9506a6a5ba902237.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/51c42fb7e63f1ab3d52c615e9536d133.gif)
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;
}
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/430f8d2696d3fd7c9b488fa20925f798.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/91a5136163c6e835945f5543b4b24421.gif)
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中 不存在该项");
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/580279dc5580b61ea5b21811160bda21.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/0f595be0ed87d65c7ae25bf8302c2aa1.gif)
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中 不存在该项");
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/dba662d05e5fc2ba7959f0fe542ebe7f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a724949831e9005a6fdd4a915afa7423.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/5efd9a62960e97ab188b1fae4336190d.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/2ddfbebb24801bd00a5dfe15f62181d6.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b5bd33504a54a1026e3023727b1c4929.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/8a6fc3866680922fbf112353b1557157.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4bce10061d2f64261d44bd5cbfdaf16f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3359dd01e281acff640ff7b23a8bea00.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/70415732671a70d6cad95636cb724569.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/e1f549b638b734023eb2e62234273c7d.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/48cc15fced559d7981be9a766454824f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/307eec0a99ab5c166755ae566f462ad0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7c60d5dad2e54863f76ad3cbad64ddc4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a5cd8913379458f8c6a68ac9d5523742.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/666ac2502d3996884d2bcc4ae2cf1a0b.gif)