返回首页 | 注册送体验金88送现金

合作共赢、快速高效、优质的网站建设提供商

更多精品源码-尽在织梦模板-www.moke8.com

网站开发javascript对下拉列表框(select)的操作实例解说

时间:2017-10-09 编辑:admin

//当时选中项的下标(从0 开端)
//如果挑选了多项,则前往第一个选中项的下标
document.write(f.s.options.selectedIndex);
document.write(f.s.selectedIndex);

//检测某一项能否被选中
document.write(f.s.options[0].selected);

//取得某一项的值和文字
document.write(f.s.options[0].value);
document.write(f.s.options[1].text);

//删去某一项
f.s.options[1] = null;

//追加一项
f.s.options[f.s.options.length] = new Option("追加的text", "追加的value");

//更改一项
f.s.options[1] = new Option("更改的text", "更改的value");
//也能够直接设置该项的 text 和 value
//--
/script


//全选列表中的项
function SelectAllOption(list)
{
for (var i=0; i list.options.length; i++)
{
list.options[i].selected = true;
}


//反选列表中的项 by webkf.net asp学习网
function DeSelectOptions(list)
{
for (var i=0; i list.options.length; i++)
{
list.options[i].selected = !list.options[i].selected;
}


//前往列表中挑选项数目
function GetSelectedOptionsCnt(list)
{
var cnt = 0;
var i = 0;
for (i=0; i list.options.length; i++)
{
if (list.options[i].selected)
{
cnt++;
}

return cnt;


//清空列表
function ClearList(list)
{
while (list.options.length 0)
{
list.options[0] = null;
}


//删去列表选中项
//前往删去项的数量
function DelSelectedOptions(list)
{
var i = 0;
var deletedCnt = 0;
while (i list.options.length)
{
if (list.options[i].selected)
{
list.options[i] = null;
deletedCnt++;
}
else
{
i++;
}

return deletedCnt;
}
//此函数查找相应的项能否存在
//repeatCheck能否进行重复性查看
//若为"v",按值进行重复值查看
//若为"t",按文字进行重复值查看
//若为"vt",按值和文字进行重复值查看
//其它值,不进行重复性查看,前往false
function OptionExists(list, optText, optValue, repeatCheck)
{
var i = 0;
var find = false;

if (repeatCheck == "v")
{
//按值进行重复值查看
for (i=0; i list.options.length; i++)
{
if (list.options[i].value == optValue)
{
find = true;
break;
}
}
}
else if (repeatCheck == "t")
{
//按文字进行重复查看
for (i=0; i list.options.length; i++)
{
if (list.options[i].text == optText)
{
find = true;
break;
}
}
}
else if (repeatCheck == "vt")
{
//按值和文字进行重复查看
for (i=0; i list.options.length; i++)
{
if ((list.options[i].value == optValue) (list.options[i].text == optText))
{
find = true;
break;
}
}

return find;


//向列表中追加一个项
//list 是要追加的列表
//optText 和 optValue 分别表明项的文字和值
//repeatCheck 能否进行重复性查看,参见 OptionExists
//增加成功前往 true,失利前往 false
function AppendOption(list, optText, optValue, repeatCheck)
{
if (!OptionExists(list, optText, optValue, repeatCheck))
{
list.options[list.options.length] = new Option(optText, optValue);
return true;
}
else
{
return false;
}


//刺进项
//index 刺进位置,当刺进位置 = 列表明有项数量时,其效果相当于不进行重复查看的追加项
//optText 和 optValue 分别表明项的文字和值
function InsertOption(list, index, optText, optValue)
{
var i = 0;
for (i=list.options.length; i index; i--)
{
list.options[i] = new Option(list.options[i-1].text, list.options[i-1].value);

list.options[index] = new Option(optText, optValue);
}
//将一个列表中的项导到另一个列表中
//repeatCheck能否进行重复性查看,参见OptionExists
//deleteSource项导到方针后,能否删去源列表中的项
//前往影响的项数量
function ListToList(sList, dList, repeatCheck, deleteSource)
{
//所影响的行数
var lines = 0;
var i = 0;
while (i sList.options.length)
{
if (sList.options[i].selected AppendOption(dList, sList.options[i].text, sList.options[i].value, repeatCheck))
{
//增加成功
lines++;
if (deleteSource)
{
//删去源列表中的项
sList.options[i] = null;
}
else
{
i++;
}
}
else
{
i++;
}

return lines;


//列表中选中项上移
function MoveSelectedOptionsUp(list)
{
var i = 0;
var value = "";
var text = "";
for (i=0; i (list.options.length-1); i++)
{
if (!list.options[i].selected list.options[i+1].selected)
{
value = list.options[i].value;
text = list.options[i].text;
list.options[i] = new Option(list.options[i+1].text, list.options[i+1].value);
list.options[i].selected = true;
list.options[i+1] = new Option(text, value);
}
}


//列表中选中项下移
function MoveSelectedOptionsDown(list)
{
var i = 0;
var value = "";
var text = "";
for (i=list.options.length-1; i i--)

//www.webkf.net
if (!list.options[i].selected list.options[i-1].selected)
{
value = list.options[i].value;
text = list.options[i].text;
list.options[i] = new Option(list.options[i-1].text, list.options[i-1].value);
list.options[i].selected = true;
list.options[i-1] = new Option(text, value);
}
}



浏览:

网站建设

流程

    网站建设流程