js操作select下拉框
2014-10-08来源:易贤网

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技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息