使用下拉列表中的选项显示相关信息

-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而不是值。 –

使用下拉列表中的选项显示相关信息

回答

相关问题