使用下拉列表中的選項顯示相關信息

-2

爲了節省空間，我需要在我的頁面上添加一個下拉菜單，當選擇一個位置時，該位置的地址顯示在下拉式菜單。他們可以重複使用該下拉菜單來獲取地址，而不必將其全部列出。我一直在尋找一個教程，將展示如何做這樣的事情沒有運氣，可能是因爲我沒有使用正確的術語搜索。使用下拉列表中的選項顯示相關信息

我已經做了一些相似的事情，但之前我用一種選擇的文本填充了表單中的另一個字段。有了這個我需要填寫一個地址分配給該位置名稱。

對不起，如果這已被覆蓋在這裏之前，任何幫助將不勝感激...是否有任何教程顯示如何去做到這一點？沒有太多的位置，所以如果有一個簡單的方法來做到這一點，而不必訴諸於數據庫等，那將是理想的。

由於

來源

2014-07-11 Drubbie

向我們展示您的代碼並嘗試解決問題。 – melancia

[___檢查此答案]（http://stackoverflow.com/a/17478433/2260614） – Bhavik

下面是一個例子。將地址作爲值和地址放在選項文本中。

<html> 
<body> 
<select id="location" name="location"> 
    <option value="dfsdfsdf">test</option> 
    <option value="sdfsdfsdfsd">test2</option> 
    <!-- Add more options --> 
</select> 
<input type="text" id="address" name="address" /> 
<script type="text/javascript"> 
    window.onload = function(){ 
     var location = document.getElementById("location"); 
     location.addEventListener('change',function(){ 
      document.getElementById("address").value = location.options[location.selectedIndex].value; 
     }); 
    } 
</script> 
</body> 
</html>

來源

2014-07-11 15:22:03

這正是我需要的......非常感謝。 – Drubbie

有沒有辦法做到這種確切類型的東西，但有地址文本加載到DIV中，我可以有更多的格式控制（不滾動條和控制顏色和字體的能力） – Drubbie

您可以將它移動到任何你想要的容器。將輸入更改爲div並分配innerHTML而不是值。 –

使用下拉列表中的選項顯示相關信息

回答

相關問題