Javascript 使用DIV在另一个PHP页面中显示一个PHP页面，并向url传递一个动态变量

我能够将第二个php页面显示到DIV标记内的第一个php页面中。 问题是用户必须从下拉列表中选择一个数字，然后单击SUBMIT按钮。当用户单击submit时，它将通过加载第二个.php？test=$vr来显示第二个php页面。但它不起作用，因为$vr的传递不正确

简而言之：我无法将所选号码传递到脚本中的url

代码：

删除用户已选择的列表，然后单击“编辑”

<div id="page">
    <form id="SubmitForm" method="post" action="<?php  echo $_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']; ?>">
         <div id="SubmitDiv">
            <select name="index" required>
            <?php
            while($t = $results->fetchArray()){
                echo '<option value="'.$t.'">'.$c.'</option>';  
            }
            ?>
            </select>
                <button type="submit" class="btnSubmit">edit</button>
        </div>
    </form>
    <div id="DisplayDiv">
    </div>
</div>

---

首先给您的选择框一个ID标签，这样您可以轻松访问用户选择的值，例如：

<div id="page">
    <form id="SubmitForm" method="post" action="<?php  echo $_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']; ?>">
         <div id="SubmitDiv">
            <select id="myselect" name="index" required>
            <?php
            while($t = $results->fetchArray()){
                echo '<option value="'.$t.'">'.$c.'</option>';  
            }
            ?>
            </select>
                <button type="submit" class="btnSubmit">edit</button>
        </div>
    </form>
    <div id="DisplayDiv">
    </div>
</div>

---

想为页面添加一个屏幕截图，使其更易于可视化吗？嗯，这只是一个带有数字的下拉列表。我只需要将变量正确地传递到脚本JS中的url。感谢它的工作：我在理解上有问题，有时我使用名称标记来存储值，但这里我们使用了id？没问题：使用ID标签，您可以通过JS从页面中的任何位置选择值，但您必须小心命名，因为它们必须是唯一的。在表单中使用名称标记，允许您在将整个表单提交到服务器时访问值；复制品并不重要，只要它们是单独的形式。

<div id="page">
    <form id="SubmitForm" method="post" action="<?php  echo $_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']; ?>">
         <div id="SubmitDiv">
            <select id="myselect" name="index" required>
            <?php
            while($t = $results->fetchArray()){
                echo '<option value="'.$t.'">'.$c.'</option>';  
            }
            ?>
            </select>
                <button type="submit" class="btnSubmit">edit</button>
        </div>
    </form>
    <div id="DisplayDiv">
    </div>
</div>

var foo = $("#myselect").val(); // this is the value selected by user
$.ajax({
    url: 'second.php',
    data: {
        index: foo
    },
    success: function(content)
    {
        $("#DisplayDiv").html(content);
    }  
});