如何使用選項添加和刪除選擇框？

Question

我正在顯示諸如城市名稱abc和城市名稱bcd之類的選擇選項的用戶頁面上工作。我想動態添加和刪除管理頁面中的城市到用戶頁面。我是java腳本和HTML的新手。

在用戶頁面：

<script src="add.js"></script> 
<form> 
    <select id="newCity"> 
     <option>city1</option> 
     <option>city2</option> 
     <option>city3</option> 
     <option>city4</option> 
    </select> 
</form> 

管理頁面：

<script src="add.js"></script> 
<form> 
    <select id="newCity"> 
     <option>city1</option> 
     <option>city2</option> 
     <option>city3</option> 
     <option>city4</option> 
    </select> 
</form> 
<button type="button" onclick="myFunction()">Insert city</button> 

add.js文件：

function myFunction() { 
    var x = document.getElementById("newCity"); 
    var option = document.createElement("option"); 
    option.text = "new city"; 
    x.add(option); 
} 

Answer 1

你必須從其中兩個頁面可以檢索數據的地方

我w生病使用數組

您需要在用戶頁面加載調用一個（），因此該選項的值更新立即

我添加另一個按鈕

<button type="button" onclick="one()">Insert</button> 

然後在JavaScript中我有加入陣列用於保持值

myarray = ["city1","city2","city3","city4","yo"]; 

myfunction的（）

... 
var x = document.getElementById("newCity"); 
var option = document.createElement("option"); 

value="new"; 
option.text = value; 
myarray.push(value); 
x.add(option); 
... 

一個（）

... 
var x = document.getElementById("newCity"); 
x.innerHTML= ""; 
for (i=0;i<myarray.length;i++){ 
    var option = document.createElement("option"); 

    value=myarray[i]; 
    option.text = value; 
    x.add(option); 
} 
...