页面自动刷新时，jQuery输入val无法反映更改

Question

我正在使用php和jQuery的组合来显示动态内容的输入值。我的页面每隔几分钟就会自动刷新一次背景，但是更改值后似乎无法正常工作。

<div> Odds: </div> //here the odd changes every mins.. echo $bet_option_info['bet_option_odd'];
<div id="show">Show value: </div>
<input id="stake-input"> 


<?php $odd = $bet_option_info['bet_option_odd'];?>

jQuery(body).ready(function() {
jQuery("body").keyup('#stake-input', function() {
  var odd = '<?php echo $odd; ?>';
  var inputs = Number(jQuery("#stake-input").val().trim());
  var result = (odd * inputs);
    jQuery('#show').val("" + result.toFixed(2));
 });
});

因此，当页面自动刷新时，基本上是奇怪的变化。但这只是val计算不会改变。例如，如果ODD为2，输入值为5，它将显示10（奇数x赌注）。 1分钟后，刷新页面后，ODD变为3。如果我再次输入，它应该是15（3个奇数X 5个输入），但它只反映原始值2。奇数变化很好。

已获得帮助