下拉选择菜单以返回没有提交按钮的 php 变量答案

【问题标题】：Drop Down Select Menu to return php variable without submit button下拉选择菜单以返回没有提交按钮的 php 变量
【发布时间】：2018-08-09 18:21:58
【问题描述】：

我有一个下拉选择菜单，我想用它来返回一个没有提交按钮的变量的值，也不会重新加载页面。索引.html

<form action="fetch" method="get">
          <p>
            <select name="POS">
              <option>SELECT COURSE</option>
              <option value="POS">Agricultural Economics and Extension</option>
              <option value="A">Another</option>
            </select>
          </p>
          <p>
            <input type="submit" name="check" id="check" value="Submit">
          </p>
        </form>

PHP 页面

if(isset($_GET['check'])){

$POS = 'Agricultural Economics and Extension';
$CC  = 'English, Mathematics, Chemistry';
$CO  = 'Either Biology or Agricultural Science';
$OS  = 'Any one of Physics, Geography and Economics';

}

让下拉示例的值

<option value="POS">Agricultural Economics and Extension</option>

在不重新加载页面的情况下返回 PHP 中定义的值。

$POS = 'Agricultural Economics and Extension';

【问题讨论】：

只是为了澄清，它应该在用户选择一个选项后立即返回值？就像在change 事件中一样？
@IsaacAbramowitz 是的，请
stackoverflow.com/questions/2866063/… 这是一个关于在不重新加载页面的情况下提交表单的问题。我不确定您是否可以在不提交表单的情况下返回值，而且我现在无法对其进行测试，因为我无法访问创建本地服务器的工具。但据我所知，必须提交表单才能通过PHP获取值。
@IsaacAbramowitz 这不是文本输入类型表单，而是选择类型表单，请帮助

标签： javascript php jquery html

【解决方案1】：

看起来您正在使用 jquery，因此您可以使用 jquery get 函数来执行此操作。

 <select name="POS" onChange="getUpdate(this)">
      <option>SELECT COURSE</option>
      <option value="POS">Agricultural Economics and Extension</option>
      <option value="A">Another</option>
 </select>


<Script language="Javascript">
function getUpdate(selectObject) {
    var value = selectObject.value;  

    $.get( "urlToyourPHPResults.php?POS="+value, function( data ) {
    // Do something with returned data
    });

}
</script>

【讨论】：

请多解释一些可能是 PHP 方面的问题
在这个例子中，你应该能够只使用 $_GET["POS"] 来获取数据，然后你可以以你想要的任何格式输出它。例如在 json、xml 或只是文本中。 header('Content-Type: application/json'); echo json_encode(array('POSData' => 'data'));然后，您可以像 var jsonData = data.POSData 一样提取数据