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

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 ;
}

解决方案 »

  1.   

    <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>
      

  2.   

    增加:
    <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>
      

  3.   

    增加：
    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;
    }