Php 当jquery加载时，数据会出现并消失

我有下面的代码，我有带有

$menucompare

值的选择选项

<script>
  function displayVals() {
    var singleValues = $("#menucompare").val();
    $("#hiddenselect").attr("value", singleValues );
    $("p").html("Procent of: " + singleValues);
  }

  $("select").change(displayVals);
  displayVals();
</script>

<table width='100%' border='1' cellspacing='0' cellpadding='0'>
  <th>weeks</th>
  <th style="text-align: left; padding-left:5%;"><?php echo "<p></p>"; ?></th>

函数displayVals（）{
var singleValues=$（“#menucompare”）.val（）；
$（“#hiddenselect”）.attr（“value”，singleValues）；
$（“p”）.html（“Procent of:”+singleValues）；
}
$（“选择”）.change（displayVals）；
displayVals（）；
周

我可以得到这个值（Procent of:$menucompare）。但问题是，当我选择一个选项时，当jquery加载时，该值会正确显示，当jquery加载完成时，它会消除该值（Procent of:$menucompare），当然变量$menucompare会与正确的值通信

---

因此，我希望即使jquery完成加载，该值仍保留在表中。希望可以对此进行一些修复。

请尝试以下脚本：

<script type="text/javascript">

  $(document).ready(function(){
       $("select").change(function() { 
             displayVals(); 
       });
       displayVals();
  });

  function displayVals() {
    var singleValues = $("#menucompare").val();
    $("#hiddenselect").val(singleValues);
    $("p").html("Procent of: " + singleValues);
  }

</script>

$（文档）.ready（函数（）{
$（“选择”）.change（函数（）{
displayVals（）；
});
displayVals（）；
});
函数displayVals（）{
var singleValues=$（“#menucompare”）.val（）；
$（“#hiddenselect”）.val（单值）；
$（“p”）.html（“Procent of:”+singleValues）；
}