1

javascript を使用してチェックボックスを動的に追加しようとしています。ただし、私の java-script は以前の要素のみを置き換えます。新しく選択した要素を既存のリストに追加する必要があります。これがコードです。助けてください。

これはindex.phpです

<html>
<head>
<script>
function select_item(item,price)
{
if (item.length==0 || price.length==0 )
  { 
  document.getElementById("order").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("order").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","order.php?item="+item+"&price="+price,true);
xmlhttp.send();
}
</script>
</head>
<div id="order"></div>
</html>
<?php
echo "<a href=\"#\" onClick = \"select_item('Value1','Price1'); return false;\">Some Item1 here</a>";
echo "<br>";
echo "<a href=\"#\" onClick = \"select_item('Value2','Price2'); return false;\">Some Item2 here</a>";
?>

これが order.php です

<?php
$item=$_GET["item"];
echo "<form action=\"#\">";
echo "<input type=\"checkbox\" checked=\"yes\" name=\"vehicle\" value=\"Bike\">$item<br>";
echo "</form>";
?>
4

1 に答える 1

1

あなたはこれを使うかもしれません：

<form action ....
<div id="order"></div> 
</form>

と

document.getElementById("order").innerHTML+=xmlhttp.responseText;

および order.php

<?php  
$item=$_GET["item"];  
echo "<input type=\"checkbox\" checked=\"yes\" name=\"vehicle\" value=\"Bike\">$item<br>";  
?>
于 2012-10-15T10:00:22.857 に答える