Question

为了节省空间，我需要在页面上添加一个下拉菜单，当选择一个位置时，该位置的地址会显示在下拉菜单旁边的字段中。他们可以重复使用下拉来获取地址，而不是我必须列出所有地址。我一直在寻找一个教程，该教程将展示如何在没有运气的情况下做这样的事情，这可能是因为我没有使用正确的术语进行搜索。

我以某种方式做过类似的事情，但我在表格中填充了另一个字段，其中包含所选的文字。有了这个，我需要填充分配给该位置名称的地址。

我很抱歉，如果在此之前已经涵盖了这一点，我们将非常感谢任何帮助......是否有任何教程显示如何进行此操作？没有很多地方，所以如果有一个简单的方法可以做到这一点而不必求助于数据库等，那将是理想的。

由于

Answer 1

这是一个例子。将地址作为值和位置放在选项文本中。

<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>

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

1 个答案: