select对象删除的方法是什么？增加选项的方法是什么？

wxcnl1 2003-01-06 01:31:02

select对象删除的方法是什么？增加选项的方法是什么？
谢谢！！！

...全文

88 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhpfaff 2003-01-06

打赏
举报

回复

增加：
function CheckOptions(select_obj,ID,value)
{var maxID=select_obj.length;
if (maxID>0)
{ for (var i=0;i<maxID;i++)
{if (select_obj.options[i].value==ID)
{ select_obj.selectedIndex =i;
return false;
}
}
}
var the_option= new Option(value,ID);
select_obj.add(the_option);
select_obj.selectedIndex = select_obj.options.length-1;
}

flylyke 2003-01-06

打赏
举报

回复

增加:
<SCRIPT>
function fnAppend(){
var oNewNode = document.createElement("option");
abc.appendChild(oNewNode);
oNewNode.innerText="2";
}
</SCRIPT>
<BODY>

<select id="abc"><option>1</option></select>
<INPUT
TYPE = "button"
VALUE = "Append Child"
onclick = "fnAppend()">
</BODY>

wangxj0600 2003-01-06

打赏
举报

回复

<script>
// 添加选项
function addOption(pos){
var objSelect = document.myForm.mySelect;
// 取得字段值
var strName = document.myForm.myOptionName.value;
var strValue = document.myForm.myOptionValue.value;
// 建立Option对象
var objOption = new Option(strName,strValue);
if (pos == -1 & pos > objSelect.options.length)
objSelect.options[objSelect.options.length] = objOption;
else
objSelect.add(objOption, pos);
}
// 删除选项
function deleteOption(type){
var objSelect = document.myForm.mySelect;
if(objSelect.options.length>0){
if (type == true)
objSelect.options[objSelect.selectedIndex] = null;
else
objSelect.remove(objSelect.selectedIndex);
}
else
alert("已经没有选项可以删除了！")
}
// 显示选项信息
function showOption(objForm){
var objSelect = objForm.mySelect;
if(objSelect.options.length>0){
document.all.myOptionName.value = objSelect.options[objSelect.selectedIndex].text;
document.all.myOptionValue.value = objSelect.options[objSelect.selectedIndex].value;
}
else
alert("没有选项可以显示！")
}
</script>
<form name="myForm">
<select name="mySelect">
<option value="value1" Selected>HTML</option>
<option value="value2">JavaScript</option>
<option value="value3">VBScript</option>
</select>
<input type="button" onclick="showOption(this.form)" value="显示">
<input type="button" onclick="deleteOption(true)" value="删除">
<input type="button" onclick="deleteOption(false)" value="Remove方法"><br><br>
选项名称 : <input type="text" name="myOptionName" value="CSS"><br>
选项的值 : <input type="text" name="myOptionValue" value="value4">
<input type="button" onclick="addOption(-1)" value="添加">
<input type="button" onclick="addOption(0)" value="插入">
</form>

月光易水 2003-01-06

打赏
举报

回复

function Content(src)
{
// src ：select对象
var srcindex=src.selectedIndex; //当前选中的选项
var srclength=src.length; //select对象选项长度，有几个项选
// 删除...
if(srcindex>0){
src.options[srcindex]=null;
src.selectedIndex=-1;
}
// 新增
var myText = "测试名称";
var myValue = "测试值";
src.options[srclength]=new Option(myText ,srclength);
src.options[srclength].value=myValue ;
}

DOM 2 HTML 中分别定义了 HTMLSelectElement、HTMLOptionsCollection 和 HTMLOptionElement 接口，它们分别定义了若干属性和方法来获知或操作 SELECT 及 OPTION 元素。 HTMLSelectElement 接口定义了以下属性及方法...

DOM 2 HTML 中分别定义了 HTMLSelectElement、HTMLOptionsCollection 和 HTMLOptionElement 接口，它们分别定义了若干属性和方法来获知或操作 SELECT 及 OPTION 元素。 HTMLSelectElement 接口定义了以下属性及方法...

1.增加$('#id').append("<option value= " + keyValue + ">" + keyName + "</option>");2.常规删除$("#select_id option:last").remove(); //...

HTML 中的下拉列表select 对象的属性和方法获取下拉框属性

对于选择的Jquery，如果您将属性发送给function并且需要update-select选项 $('#yourElement option[value="'+yourValue+'"]').attr('selected', 'selected'); $('#editLocationCity').chosen().change(); $('#...

87,994

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章