js操作下拉框
来源:易贤网 阅读:725 次 日期:2016-06-22 09:42:38
温馨提示:易贤网小编为您整理了“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;

更多信息请查看脚本栏目
易贤网手机网站地址:js操作下拉框
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65099533/13759567129 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标