从下拉菜单中选择选项后显示文本答案

【问题标题】：Show text after choosing option from dropdown menu从下拉菜单中选择选项后显示文本
【发布时间】：2022-02-09 21:50:18
【问题描述】：

如何在同一页面上选择选项而不是重定向到新页面后更改此代码以显示文件的内容？

    <div class="dropdown">
  <button class="dropbtn">Dropdown</button>
  <div class="dropdown-content">
    <a href="file1.txt">Option 1</a>
    <a href="file2.txt">Option 2</a>
    <a href="file3.txt">Option 3</a>
  </div>
</div>

【问题讨论】：

您显示的代码中的任何内容都不会重定向到新页面。这段代码是 <form 的一部分吗？它有一个 action 指定要提交到的特定页面？或者是否有一些 Javascript 来处理选择选项或单击按钮，然后重定向浏览器？请提供问题的minimal reproducible example。而且，您是想完全避免任何类型的页面刷新，还是只是避免重定向到不同的页面？

标签： php html css

【解决方案1】：

您可以使用PHP打开并读取您想要的“.txt”文件。

function showFile(){
    $myfile = fopen("file1.txt", "r") or die("Unable to open file!");
    echo fread($myfile,filesize("file1.txt"));
    fclose($myfile);
}

使用此代码，文件的内容将显示在您的页面中。你可以使用ajax调用这个函数来打开想要的文件。

【讨论】：