javascript操作select下拉列表option顺序

<网f站o学a习s制p作.cn>

javascript操作select下拉表,包括读取select内容,序号,选择值,还有添加option内容,修改option内容,改变option顺序.
上面一篇文章介绍了javascript操作下拉列表没有介绍对应的更改顺序,本文就讲javascript更改option顺序.

查看效果:javascript操作select下拉列表option顺序

举例:
<select id="forasp_cn" name = "forasp_cn">
<option value="http://www.forasp.cn/" selected>网站制作学习网网址</opiton>
<option value="http://www.forasp.cn/yule/">网站制作学习网娱乐网址</opiton>
<option value="http://www.forasp.cn/tool/">网站制作学习网工具网址</opiton>
</select>
将目前选中的选项向上移动一个位置,javascript代码如下:
var forasp = new Object;
forasp.up_option = function()
{
var obj = document.getElementById("forasp_cn");
var option_num = obj.selectedIndex;//获取当前选中索引值
if(option_num > 0)//如果大于0则还有上面一个
{
obj.insertBefore(obj.options[option_num],obj.options[option_num-1]);//用insertBefore(new,old)方式,将新的放到就的前面
}
}
forasp.down_option = function()
{
var obj = document.getElementById("forasp_cn");
var option_maxnum = obj.options.length;//获取总的option个数
var option_num = obj.selectedIndex;//获取当前选中索引值
if(option_num < option_maxnum-1)//option个数减一表示最大索引值
{
obj.insertBefore(obj.options[option_num+1],obj.options[option_num]);
//很简单跟上面的一样就是换了一下位置,是将后面一个option放到当前option前面即可
}
}
-->

代码很简单,不知道看懂没有?
http://www.forasp.cn/网站制作学习网,转载请注明