title: The acceptance of the counter must change span - Jquery
body: <p>Good day! Need help with dynamically changing the span when changing the attribute of the counter (aria-valuenow) The span values ​​must be in the array itself.</p>
  
  <p>The <strong>jQuery</strong> code to change the counter</p>
  
  <pre><code>   $(document).ready(function() {
  var arrText = ["450 гр.", "900 гр.","2270 гр.","4540 гр."];
  
  $(function() {
      $("#spinner-tovar-1-gramm").textSpinner({
          values: arrText
      });
  });
  
  });
  </code></pre>
  
  <p><strong>HTML Counter Code</strong></p>
  
  <pre><code> &lt;span class="ui-spinner ui-corner-all ui-widget ui-widget-content"&gt;
  &lt;input id="spinner-tovar-1-gramm" value="0" readonly="" aria-valuenow="1" autocomplete="off" class="ui-spinner-input" role="spinbutton"&gt;
  &lt;input class="ui-spinner-button ui-spinner-up" id="buttonup" type="button" value=""&gt;
  &lt;input class="ui-spinner-button ui-spinner-down" id="buttondown" type="button" value=""&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>For example, if the attribute of the counter aria-valuenow = "0", then the text span will contain 1000, if = "1", then 2000, etc. And all this is happening dynamically</p>
  
  <p>Help Please</p>
  
  <p><img src="https://i.stack.imgur.com/xRtIG.jpg" alt="enter image description here"></p>