js操作下拉框
来源: 阅读:735 次 日期:2016-06-16 10:51:17
温馨提示: 小编为您整理了“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;

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

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

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