如何使用带重定向的选择在页面上显示内容答案

【问题标题】：How to use select with redirect to display content on the page如何使用带重定向的选择在页面上显示内容
【发布时间】：2021-10-04 14:06:46
【问题描述】：

我想知道如何获取选择值并将它们重定向以在页面上显示内容

在下面的示例中，重定向到另一个页面已完成，但我希望主要内容是静态的，并且只显示下面的 javascript 内容

JavaScript

    <script>
           function AbrirSecao(secao){
               window.open(""+secao+"", "_parent");
           }
    </script>

HTML

    <select name="unidade" id="unidade" onChange="AbrirSecao(this.value)">
        <option value="">Selecione sua Cidade</option>
        <option value="http://www.google.com.br">Sua Cidade 1</option>
        <option value="http://www.google.com.br">Sua Cidade 2</option>
    </select>

【问题讨论】：

你的问题有点笼统。请参阅How to Ask，然后提供有关您的页面结构的更多信息。此外，如果您只是在页面中加载内容，它并不是真正的重定向。重定向意味着整页更改。
在这个例子中，它重定向到一个外部页面，我只是想在选择无选择选项时显示一个内容
它只会重定向到页面内容并保持主要内容静态
正如我所说，这不是重定向。这是检索或加载。
是的，但我该如何恢复？

标签： javascript html redirect

【解决方案1】：

您可以这样做，然后您将在带有内容 ID 的段落标签中显示选项的值：

function AbrirSecao(secao) {
  let display = document.getElementById('content')
  display.textContent = secao
}

<p id="content"></p>
<select name="unidade" id="unidade" onChange="AbrirSecao(this.value)">
  <option value="">Selecione sua Cidade</option>
  <option value="http://www.google.com.br#one">Sua Cidade 1</option>
  <option value="http://www.google.com.br#two">Sua Cidade 2</option>
</select>

【讨论】：

我有一个框来选择选项，它会重定向到外部页面，但我想在选择框中选择选项，然后只在下面显示内容
是的，我现在明白了，你想在哪里显示它？在控制台或？
想在控制台上显示
但我想显示的不是链接本身，而是外部页面的内容，但主要内容保持静态