js添加删除select 非form形式

最新推荐文章于 2023-06-28 15:24:12 发布

bing.shao

最新推荐文章于 2023-06-28 15:24:12 发布

阅读量770

点赞数

分类专栏： JavaScirpt技术

本文链接：https://blog.csdn.net/shaobingj126/article/details/17507825

版权

JavaScirpt技术专栏收录该内容

46 篇文章 1 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>网页特效|Linkweb.cn/Js|---添加与删除Option对象</TITLE>
<script language="JavaScript">
// 添加选项
function wifi_white_mac_add(pos){
    var objSelect = document.getElementById("sel_white_mac");
    // 取得字段值
    var strName = document.getElementById("wifi_white_mac").value;
    var strValue = document.getElementById("wifi_white_mac").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 wifi_white_mac_del(){
    var objSelect = document.getElementById("sel_white_mac");
    objSelect.options[objSelect.selectedIndex] = null;
}

</script>
</HEAD>
<BODY>

<h2>添加与删除Option对象</h2>
<hr>

MAC地址 : <input type="text" id="wifi_white_mac" name="wifi_white_mac" value="">
</br>
<select id="sel_white_mac" name="sel_white_mac" size="10">
<option value="中国" Selected>中国</option>
<option value="日本">日本</option>
<option value="美国">美国</option>
</select>
</br>
<input type="button" οnclick="wifi_white_mac_add(0)" value="插入">
<input type="button" οnclick="wifi_white_mac_del()" value="删除">

</BODY>

</HTML>

=============网上其他形式1===========================

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title>javascript select options text value</title>
<meta name="keywords" content="javascript select options text value add modify delete set">
<meta name="description" content="javascript select options text value add modify delete set">
<script language="javascript">

</script>
</head>
<body>
<form name="watch" method="post" action="">
<select id="MySelect" name="keywords" size="10" οnchange="watch_sel(this.form)"></select><br>
<script language="javascript">

</script>
<input type="text" name="word" /><br />
<input type="button" value="增加" οnclick="watch_add(this.form);" />
<input type="button" value="修改" οnclick="watch_mod(this.form);" />
<input type="button" value="删除" οnclick="watch_del(this.form);" />
<input type="button" value="保存" οnclick="watch_set(this.form);" />
</form>

===========网上其他形式2=================

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>网页特效|Linkweb.cn/Js|---添加与删除Option对象</TITLE>
<script language="JavaScript">
// 添加选项
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 (type == true)
       objSelect.options[objSelect.selectedIndex] = null;
    else
       objSelect.remove(objSelect.selectedIndex);
}
// 显示选项信息
function showOption(objForm){
    var objSelect = objForm.mySelect;
    var name = objSelect.options[objSelect.selectedIndex].text;
    var value = objSelect.options[objSelect.selectedIndex].value;
    alert(name + " = " + value);
}
</script>
</HEAD>
<BODY>

<h2>添加与删除Option对象</h2>
<hr>
<form name="myForm">
<select name="mySelect">
<option value="中国" Selected>中国</option>
<option value="日本">日本</option>
<option value="美国">美国</option>
</select>
<input type="button" οnclick="showOption(this.form)" value="显示">
<input type="button" οnclick="deleteOption(true)" value="删除">
<input type="button" οnclick="deleteOption(false)" value="Remove方法"><br><br>
选项名称 : <input type="text" name="myOptionName" value="英国"><br>
选项的值 : <input type="text" name="myOptionValue" value="value4">
<input type="button" οnclick="addOption(-1)" value="添加">
<input type="button" οnclick="addOption(0)" value="插入">
</form>
</BODY>
</HTML>