足球游戏_中国足彩网¥体育资讯$

javascript操作select下拉列表
来源:易贤网 阅读:2161 次 日期:2014-08-15 17:05:24
温馨提示:易贤网小编为您整理了“javascript操作select下拉列表”,方便广大网友查阅!

javascript操作select下拉表,包括读取select内容,序号,选择值,还有添加option内容,修改option内容,改变option顺序.

查看整体效果:javascript操作select下拉列表

1.首先是访问select的option.select定义了options的集合,可以通过元素集合来访问.

举例:

<select id="forasp_cn" name = "forasp_cn">

<option value="/" selected>网站制作学习网网址</opiton>

<option value="/yule/">网站制作学习网娱乐网址</opiton>

<option value="/tool/">网站制作学习网工具网址</opiton>

</select>

js代码如下:

var foraspobj = document.getElementById("forasp_cn")

var option_num = foraspobj.options.length;//获取option的个数,目前输出3

Dom下获取select的option取显示文本值和value值

var option_text1 = foraspobj.options[0].firstChild.nodeValue;//输出"网站制作学习网网址"

var option_value1 = foraspobj.options[0].getAttribute("value");//输出"/"

Bom下获取select的option显示文本值和value值

var option_text1 = foraspobj.option[0].text;//输出同上

var option_text1 = foraspobj.option[0].value;//输出同上

2.获取select下面的目前选中的option的text和value值.select还有一个特殊的特性selectedIndex,它是目前选中选项的索引

alert(foraspobj.selectedIndex);//输出0

for(i=0;i<foraspobj.options.length;i++)

{

if(foraspobj.options[i].selected)

{

alert(foraspobj.options[i].text+"\n"+foraspobj.options[i].value);//输出"网站制作学习网网址回车/"

break;

}

}

3.修改select的option的value和text.

假设把第一个 text显示值修改为/ value值修改为网站制作学习网

Dom修改代码如下:

foraspobj.options[0].firstChild.nodeValue= "";

foraspobj.options[0].setAttribute("value","网站制作学习网");

Bom修改代码如下:

foraspobj.options[0].text = "";

foraspobj.options[0].value = "网站制作学习网";

4.添加选项,通过函数来添加select的option选项

t表示text值,v表示value值

var temp_option = document.createElement("option");//创建临时option

temp_option.appendChild(document.createTextNode("新增加内容"));//给option创建子文本节点

temp_option.setAttribute("value","新增加值");//给opiton赋值

foraspobj.appendChild(temp_option)//将option附加到父类中

5.删除选项,删除select的option,直接用对应的option对象等于空即可

比如删除最后一个选项

if(foraspobj.options.length>0){foraspobj.options[foraspobj.options.length-1]=null;}

中国足彩网信息请查看IT技术专栏

中国足彩网信息请查看脚本栏目
易贤网手机网站地址:javascript操作select下拉列表
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 足球游戏_中国足彩网¥体育资讯$ 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标