JS操作Select的问题

Question

1个下拉框
1个文本框
2个按钮  1个按钮是增加 1个按钮时删除我想通过 按钮 来增加（删除）下拉框的值，应该怎么写？
我主要是不知道如何把文本框的值 增加 到下拉框里

Answer 1

function jsAddItemToSelect(objSelect, objItemText, objItemValue) {        
    //判断是否存在        
    if (jsSelectIsExitItem(objSelect, objItemValue)) {        
        alert("该Item的Value值已经存在");        
    } else {        
        var varItem = new Option(objItemText, objItemValue);      
        objSelect.options.add(varItem);     
        alert("成功加入");     
    }        
}        
   
// 3.从select选项中 删除一个Item        
function jsRemoveItemFromSelect(objSelect, objItemValue) {        
    //判断是否存在        
    if (jsSelectIsExitItem(objSelect, objItemValue)) {        
        for (var i = 0; i < objSelect.options.length; i++) {        
            if (objSelect.options[i].value == objItemValue) {        
                objSelect.options.remove(i);        
                break;        
            }        
        }        
        alert("成功删除");        
    } else {        
        alert("该select中 不存在该项");        
    }        
}    

Answer 2

        // 添加
        var option = document.createElement("option");
        // txtContent为文本框
        option.innerHTML = document.getElementById("txtContent").value;
        // sel是下拉框
        document.getElementById("sel").appendChild(option);  

Answer 3

少了一个
function jsSelectIsExitItem(objSelect, objItemValue) {        
    var isExit = false;        
    for (var i = 0; i < objSelect.options.length; i++) {        
        if (objSelect.options[i].value == objItemValue) {        
            isExit = true;        
            break;        
        }        
    }        
    return isExit;        
}   
用onlick分别调用相应的事件

Answer 4

Select.options.add(new Option(Text, Value));  

Answer 5

调用的时候怎么写？文本框 id txtContent
下拉框 id objselect函数是addItemToSelect(objSelect,objItemText,objItemValue)
这个调用怎么写
onClick=""

Answer 6

<select name="city" id="city_s">
  <option value="c1">上海</option>
</select>
</br>
<input type="text" value="" id="new_o"/>
</br>
<input type="button" value="增加" name="add" onclick="DO(this.name)"/>
<input type="button" value="删除" name="del" onclick="DO(this.name)"/>
<script language="javascript">
  var city_no = 2;
  function DO(name){
    switch(name){
   case "add":
     add();
   break;
   case "del":
     del();
   break;
}
  }
  var city_s = document.getElementById("city_s");
  function add(){
    var varItem = new Option(document.getElementById("new_o").value,"c"+city_no++);
city_s.options.add(varItem);
  }
  function del(){
    if(city_s.options.length == 0){
  alert(document.getElementById("new_o").value + "项不存在！");
}
    for(var i = 0 ; i < city_s.options.length ; i++){
  if(city_s.options[i].text == document.getElementById("new_o").value){
    city_s.remove(i);
break;
  }else{
    alert(document.getElementById("new_o").value + "项不存在！");
  }
}
  }
</script>

Answer 7

<select name="city" id="city_s">
  <option value="c1">上海</option>
</select>
</br>
<input type="text" value="" id="new_o"/>
</br>
<input type="button" value="增加" name="add" onclick="DO(this.name)"/>
<input type="button" value="删除" name="del" onclick="DO(this.name)"/>
<script language="javascript">
  var city_no = 2;
  function DO(name){
    switch(name){
   case "add":
     add();
   break;
   case "del":
     del();
   break;
}
  }
  var city_s = document.getElementById("city_s");
  function add(){
    var varItem = new Option(document.getElementById("new_o").value,"c"+city_no++);
city_s.options.add(varItem);
  }
  function del(){
    if(city_s.options.length == 0){
  alert(document.getElementById("new_o").value + "项不存在！");
}
    for(var i = 0 ; i < city_s.options.length ; i++){
  if(city_s.options[i].text == document.getElementById("new_o").value){
    city_s.remove(i);
break;
  }else{
    alert(document.getElementById("new_o").value + "项不存在！");
  }
}
  }
</script>