通过选定的选项值包含 php 文件答案

【问题标题】：Include php file by selected option value通过选定的选项值包含 php 文件
【发布时间】：2021-04-29 19:34:30
【问题描述】：

想问一下我如何通过选定的值更改包含链接。

选择表格：

<select>
    <option value="folder1">1</option>
    <option value="folder2">2</option>
    <option value="folder3">3</option>
</select>

如果我选择了 3 值包含链接应该是这样的：

<?php include '/folder3/firstpage.php' ?>
<?php include '/folder3/secondpage.php' ?>
<?php include '/folder3/thirdpage.php' ?>

链接到JSFiddle demo

感谢您的回答。

【问题讨论】：

看 - stackoverflow.com/questions/40913240/… 和 stackoverflow.com/questions/23981051/…
您好@s.kuznetsov，我无法清除。你能帮我更多吗？我非常感谢您的回答。
@s.kuznetsov 我想从选择表单中获取 velue 到我的包含文件。如果我选择 3 选项，我将获得所有包含的文件夹 3。我添加了 JSFiddle 它的外观。
您想显示您的.php 文件内容吗？它需要 ajax ajax 或 iframe
你好@uingtea 是的，我想显示我的 .php 文件内容，但没有 iframe。

标签： javascript html

【解决方案1】：

下面是使用jQuery Ajax显示.php文件内容

注意：在客户端（浏览器）中，如果没有 iframe 或 XHR (ajax)，您将无法获取/包含 .php 文件

function getContent(selector, url) {
  $.ajax({
    url: url,
    success: function(data) {
      $(selector).text(data.responseText)
    },
    error: function(err) {
      console.log(err)
      alert(err.statusText)
    }
  })
}

$("#test").on("change", function() {
  var firstpage = '/' + $("#test").val() + '/firstpage.php';
  var secondpage = '/' + $("#test").val() + '/secondpage.php';
  var thirdpage = '/' + $("#test").val() + '/thirdpage.php';
  getContent("#debug", firstpage);
  getContent("#debug1", secondpage);
  getContent("#debug2", thirdpage);

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select id="test">
  <option disabled selected value> -- select an option -- </option>
  <option value="folder1">Folder1</option>
  <option value="folder2">Folder2</option>
  <option value="folder3">Folder3</option>
</select>
<br><br> 

firstpage: <span id="debug"></span><br> 
secondpage: <span id="debug1"></span><br> 
thirdpage: <span id="debug2"></span><br>

【讨论】：