javascript - 从函数中获取值并将其放入输入字段中

Question

我制作了一个 slider 函数，现在我正在尝试从隐藏输入字段中的 slider 获取值，以便我可以使用 php。有人知道这样做吗？

这是 slider JavaScript

 $( document ).ready(function() {
      //console.log("ready!");

      $(function () {
          var circularSlider = $('#slider').CircularSlider({
              min: 0,
              max: 359,
              value: 0,
              radius: 200,
              labelSuffix: "°",
              slide: function (ui, value) {
                  var colors = ['green', 'red', 'blue', 'yellow', 'pink', 'black'];
                  var color = colors[parseInt(value / 60)];
                  ui.find('.jcs').css({'border-color' : color, 'border-width': '50px' });
                  ui.find('.jcs-indicator').css({'background' : color});
                  ui.find('.jcs-value ').css({'background' : color, 'top': '15%', 'left': '17%' });
                  /*ui.next().css({
                      'background': 'linear-gradient(' + value +
                      'deg, white, cornsilk, white)'
                  });*/

              }
          });
          //window.location.href= "mood.php?uid=" .color;
      });

  });

这是 slider 和输入字段的 html

<div id="slider"></div>

<button class="moodReady">Ready</button>
<form class="input" action="" method="post">
    <input type="hidden" class="data"/>
</form>

Answer 1

$( document ).ready(function() {
      //console.log("ready!");

      $(function () {
          var circularSlider = $('#slider').CircularSlider({
              min: 0,
              max: 359,
              value: 0,
              radius: 200,
              labelSuffix: "°",
              slide: function (ui, value) {
                  var colors = ['green', 'red', 'blue', 'yellow', 'pink', 'black'];
                  var color = colors[parseInt(value / 60)];
                  ui.find('.jcs').css({'border-color' : color, 'border-width': '50px' });
                  ui.find('.jcs-indicator').css({'background' : color});
                  ui.find('.jcs-value ').css({'background' : color, 'top': '15%', 'left': '17%' });
                  document.getElementById('hiddenValue').value = value;

                  /*ui.next().css({
                      'background': 'linear-gradient(' + value +
                      'deg, white, cornsilk, white)'
                  });*/

              }
          });
          //window.location.href= "mood.php?uid=" .color;
      });

  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

 <script src="http://toolitup.com/assets/js/circular-slider.min.js"></script>

    <link rel="stylesheet" href="http://toolitup.com/assets/css/circular-slider.min.css" />
    
<div id="slider"></div>

<button class="moodReady">Ready</button>
<form class="input" action="" method="post">
    <input id="hiddenValue" type="hidden" class="data"/>
</form>