如何在动态创建的select标记中添加空选项？
如何在动态创建的select标记中添加空选项？
提问于 2017-08-28 22:28:28
我试图在<option>的开头添加一个空的select，但没有成功。当我硬编码选项时，它会被javascript忽略。
不工作
<select id="pages" style="display:none;" onchange="getPage();">
<option>select something</option>
</select>javascript
var pages = document.getElementById('pages');
pages.style.display = 'block';
for(var i =0; i < response.data.length; i++)
{
pages[i] = new Option(response.data[i].name,response.data[i].access_token);
}
function getPage(){
var e = document.getElementById("pages");
var f = e.options[e.selectedIndex].value;
alert(f);
}回答 1
Stack Overflow用户
发布于 2017-08-28 22:39:15
这解决了我的问题：
document.getElementById("pages").insertBefore(new Option('', ''),
document.getElementById("pages").firstChild);完全实现
var pages = document.getElementById('pages');
pages.style.display = 'block';
document.getElementById("pages").insertBefore(new Option('', ''),
document.getElementById("pages").firstChild);
for(var i =0; i < response.data.length; i++)
{
pages[i] = new Option(response.data[i].name,response.data[i].access_token);
}
function getPage(){
var e = document.getElementById("pages");
var f = e.options[e.selectedIndex].value;
alert(f);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45928169
复制相关文章
相似问题
腾讯云开发者
