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

Question

我有一个下拉选择菜单，我想用它来返回变量的值，而无需提交按钮且无需重新加载页面。 索引.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';

Answer 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>