標籤:nal oca 建立 func doc div size href option
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="http://localhost:8080/%E7%BA%A7%E8%81%94/"> <title>JaneYork</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body> <select id="s1" multiple="multiple"> <option>北京</option> <option>上海</option> </select> <input type="text" id="txt"> <input type="button" value="添加" id="addbtn" onclick="add()"> <input type="button" value="移除" id="removebtn" onclick="remove()"> </body>//主要功能實現 <script> //添加按鈕功能實現 function add(){ //擷取input文本輸入狂標籤 var txt = document.getElementById("txt"); //建立一個option var o = new Option(); //將文字框輸入的內容賦給option顯示的內容 o.text = txt.value; var se = document.getElementById("s1"); //把建立的option添加進來 se.add(o); } //移除按鈕功能實現 function remove(){ //擷取select標籤 var se = document.getElementById("s1"); //移除當前選中項 se.remove(se.selectedIndex); } </script></html>
原文地址:http://blog.csdn.net/qq_31708763/article/details/77736671
轉載:js下拉式清單實現增加和移除選項