从<Select>下拉列表中删除当前值
从<Select>下拉列表中删除当前值
提问于 2014-02-17 04:36:42
我有两个下拉框，允许用户选择他们的年龄和Gender.These下拉框从我的数据库(PHP 5.5+ MYSQL)中提取他们的值，并使用检索到的值作为显示给用户的默认值。
dropbox的其他选项是通过在页面上运行的函数生成的。
这些职能是：
function AgeDropDown(){
var list= document.getElementById("Age");
for(var i=1;i<100;i++)
{
var opt = document.createElement("option");
opt.value= i;
opt.textContent=i;
list.appendChild(opt);
}}
function genderlist(){
var list= document.getElementById("Gender");
var choices=["M","F"];
for(i=0;i<choices.length;i++)
{
var opt = document.createElement("option");
opt.value= choices[i];
opt.textContent=choices[i];
list.appendChild(opt);
}
}虽然我的代码工作得很好，所有选项都会显示出来，但每当我单击dropbox来更改该值时，除了生成的选项之外，还会显示当前值和。
E.g
年龄
18
1
2
3 <---- Values shown in the select dropdown
4
5
6性别
M
M
F单击下拉框时，如何从显示的选项中删除默认值？
例如(我想要发生的事情，而不是上面所示的事情)。
年龄
1
2
3
4
5
6
7性别
M
F回答 2
Stack Overflow用户
回答已采纳
发布于 2014-02-17 04:42:11
你要做的就是清空div。可以将innerHTML设置为空字符串以清空div。
注：
您要做的是在div中添加/追加元素。所以你必须清除div (移除它的子部分)。
代码应该是list.innerHTML = "";
完整的代码如下：
function AgeDropDown(){
var list= document.getElementById("Age");
list.innerHTML = "";
for(var i=1;i<100;i++)
{
var opt = document.createElement("option");
opt.value= i;
opt.textContent=i;
list.appendChild(opt);
}
}
function genderlist(){
var list= document.getElementById("Gender");
list.innerHTML = "";
var choices=["M","F"];
for(i=0;i<choices.length;i++)
{
var opt = document.createElement("option");
opt.value= choices[i];
opt.textContent=choices[i];
list.appendChild(opt);
}
}Stack Overflow用户
发布于 2014-02-17 04:42:52
您可以使用如下jQuery删除列表中的第一个元素：
$('#Gender').find('option').first().remove();或者：
$('#Age').find('option').first().remove();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21829316
复制相关文章
点击加载更多
相似问题
没有UiSlider删除十进制？
UISlider值和对中文本的标签
从标签XCode中查找和删除特定文本
尝试从GWT标签中获取内部文本
使用BeautifulSoup从文本中删除标签
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
