您的位置:首页 > 运维架构

三种插入select option的方式

2012-01-11 21:05 120 查看
昨天在群里聊天的时候有个人问到,怎样在select里插入选项呢? 其实刚开始想是很简单的问题,创造节点>插入select就行了。后来查阅了一些资料,总结了三种方法 1 option对象法 之前我也不了解,其实option是一个dom对象,w3c的解释是: Option 对象 Option 对象代表 HTML 表单中下拉列表中的一个选项。 在 HTML 表单中 <option> 标签每出现一次,一个 Option 对象就会被创建。 设对象为elem ,则每个选项为elem.options[i] 这样就可以直接通过赋值,把option对象写入了 [crayon-50361fa01c3a8/] 这个函数可以输出被选择的项的索引位置 2dom节点法 很容易理解 ,元素节点option 文字节点text,option.appendChild(text) select(select对象的dom元素).appendChild(option) 3innetHTML法 其实就是暴力输出 str = “<option value=’” + i + “‘>” + city[i] + “</option>”之类的 之后配合innerHTML把 innerHTML里的<select>某某某</select>变为 <select> + str + </select> [crayon-50361fa01c78f/] »本文地址:http://99jty.com/?p=324 »订阅本站:http://winysky.com/feed/»当你从RSS阅览器里看到这篇文章时,还没有评论,还不赶紧过来抢沙发?
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: