Question

我试图在javascript的帮助下动态添加复选框。但是我的java脚本只替换了早期的元素。我需要将新选择的元素添加到现有列表中。这是代码。请帮忙。

这是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>";
?>

Answer 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>";  
?>

需要动态添加复选框

1 个答案: