在提交表单之前使用 PHP 将复选框值放入变量中

Question

我有一系列简单的复选框。

<select>
    <option class="menuoption2" value="gold">Gold</option>
    <option class="menuoption2" value="silver">Silver</option>
    <option class="menuoption2" value="bronze">Bronze</option>
</select>

我只想将选中的那些放入 PHP 变量中。但是请注意，没有提交按钮。这是故意的，我得到的简报不允许这样做；单击复选框后，我的变量值必须以简单的<div> 显示。我也无法刷新页面。我知道我可以使用 $_POST - 但前提是我可以提交任何东西并且我也可以使用 jQuery（我之前确实这样做过）来执行此操作，但最终我需要 PHP 变量中的这些值，而不是 JS 变量。有什么想法吗？

Answer 1

HTML

<select onchange="postit(event)">
    <option class="menuoption2" value="gold">Gold</option>
    <option class="menuoption2" value="silver">Silver</option>
    <option class="menuoption2" value="bronze">Bronze</option>
</select>

JS/AJAX

将值发布到 update.php where metal=value

<script type="text/javascript">//<![CDATA[

var xmlhttp;
function postit(event){
   var value = event.target.value;
  xmlhttp=null;
  var Url="update.php"
  if (window.XMLHttpRequest) {
      xmlhttp=new XMLHttpRequest();
  }
  else if (window.ActiveXObject) { 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (xmlhttp!=null) {
    xmlhttp.onreadystatechange=getResponse;
     xmlhttp.open("POST", Url, true);
     xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
     xmlhttp.send( "metal=" + value);  
  } else {
     alert("UNEXPECTED ERROR: XMLHttpRequest not supported");
  }
}
function getResponse(){
  if (xmlhttp.readyState==4){
    if (xmlhttp.status==200){
      var json = JSON.parse(xmlhttp.responseText);
    }
    else{
      alert("UNEXPECTED AJAX ERROR: : " + xmlhttp.statusText + "HTTP Status: " + xmlhttp.status);
    }
  }
}
//]]>
</script>

PHP

<?php
$metal = $_POST['metal'];

// This is just to validate the received data, 
// mostly needed if you are storing in a database.
$metals = array('gold','silver','bronze');
$status = 'fail';
if($metals[$metal] != null){
   $status = 'pass';
  //store $metal
}

//To return a value to JS after the update, add the code below

$return['status'] = $status;
header(header('Content-Type: text/json; charset=utf-8');
echo json_encode($return);
?>

没有返回值给 JS

从 JS 中删除这两行

var Url="update.php"
xmlhttp.onreadystatechange=getResponse;

删除函数getResponse()

将global var xmlhttp; 作为本地变量移动到 postit() 函数中：

来自

var xmlhttp;
function postit(){

到

function postit(){
var xmlhttp;