怎么用js删添一个option
4个回答
展开全部
<!doctype html>
<html>
<head>
<title> new document </title>
</head>
<SCRIPT LANGUAGE="JavaScript">
<薯帆运!--
window.onload = function(){
var obj = document.getElementById('obj');
// 添加选项
for(var i=0; i<5; i++){
var opt = new Option('显示文本' + i,'选项值' + i);
obj.add(opt,undefined);
}
// 删除选项
obj.remove(4);//移除第五轿明项
// 设置被选中项
obj.selectedIndex = 2;// 选中第三项
obj.value = '选项值1';// 选中值为选项值1的那一项
// 获取下数梁拉框的值
alert(obj.value);
alert(obj.options[obj.selectedIndex].value);
alert(obj.options[obj.selectedIndex].text);
// 清空下拉列表
obj.options.length = 0;
}
//-->
</SCRIPT>
<body>
<select id="obj"></select>
</body>
</html>
展开全部
首先,这个问题,我建议你使用JQuery;
使用步骤:首先你下载JQuery的js包,百度斗启族一下就有,很简单
其次,在你的页面当中引用,然后在你的js里边直接写
$("选择器").append("option");即可
如果非要使用原生js的话
那么可以用js自己的appendChild和insertBefore
appendChild方法是在父级节点中的子节点的末尾添加新的节点(相对于父级节点 来说)。
insertBefore 方法 是在已有的节点前添加新的节点(相对于子节点来说的)。
具体语法也跟JQuery的类似
就旁旦是选择器要写成:document.getElementById("页面元素ID").;
具体如:
document.getElementById("选空弊择器").appedChild("option",元素);
使用步骤:首先你下载JQuery的js包,百度斗启族一下就有,很简单
其次,在你的页面当中引用,然后在你的js里边直接写
$("选择器").append("option");即可
如果非要使用原生js的话
那么可以用js自己的appendChild和insertBefore
appendChild方法是在父级节点中的子节点的末尾添加新的节点(相对于父级节点 来说)。
insertBefore 方法 是在已有的节点前添加新的节点(相对于子节点来说的)。
具体语法也跟JQuery的类似
就旁旦是选择器要写成:document.getElementById("页面元素ID").;
具体如:
document.getElementById("选空弊择器").appedChild("option",元素);
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-04-16
展开全部
用一个js函数返回option列表,在select的onclick动作指向该函数。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-04-16
展开全部
<select id="aaa">
<option>dasdas</option>
<option>dasdas<埋搜团/option>漏世
<option>dasdas</option>
<option>dasdas</option>
</select>
<input type="button" onclick="del()"弯橘>
<script>
function del()
{
var a = document.getElementById("aaa");
if (a.options.length > 0)
{
a.removeChild(a.options[0]);
}
}
</script>
<option>dasdas</option>
<option>dasdas<埋搜团/option>漏世
<option>dasdas</option>
<option>dasdas</option>
</select>
<input type="button" onclick="del()"弯橘>
<script>
function del()
{
var a = document.getElementById("aaa");
if (a.options.length > 0)
{
a.removeChild(a.options[0]);
}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询