php - jQuery加载时数据出现和消失

Question

我有下面的代码，我有选择$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>

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

所以我希望即使 jquery 完成加载此值仍保留在表中。希望能得到一些解决这个问题。

Answer 1

请尝试以下脚本：

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