title: How to use PHP to get the value of a star rating widget?
body: <p>I have this star rating widget on my page, allowing the user to hover over the stars and select the rating and submit it.</p>
  
  <p>This is the html and css :</p>
  
  <pre><code>&lt;form method="post" id="star_review" name="star_review" action="&gt;
  
  &lt;div class="rate_review"&gt;
       &lt;div class="col-md-4"&gt;&lt;/div&gt;
               &lt;div class="col-md-4"&gt;
                     &lt;div class="panel panel-default"&gt;
                          &lt;ul class="list-group list-group-flush text-center"&gt;
                              &lt;li class="list-group-item"&gt;
                                  &lt;div class="skillLineDefault"&gt;
                                      &lt;div class="skill pull-left text-center"&gt;Rate the Exam&lt;/div&gt;
                                      &lt;div class="rating" id="rate1"&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                     &lt;/div&gt;
               &lt;/div&gt;
  &lt;/div&gt;
  &lt;button class="btn btn-large btn-block btn-primary" type="submit" name="submit"&gt;Submit &lt;/button&gt;
  &lt;/form&gt;
  
  
  &lt;style&gt;
  
  .rate_review {
      padding-top: 50px;
      padding-bottom: 50px;
      position: static;
  }
  .rating {
      margin-left: 30px;
  }
  
  div.skill {
      background: #5cb85c;
      border-radius: 3px;
      color: white;
  
      padding: 3px 4px;
      margin-top: -10px;
  
  }
  
  .skillLine {
      display: inline-block;
      width: 100%;
      min-height: 90px;
      padding: 3px 4px;
  }
  
  skillLineDefault {
      padding: 3px 4px;
  
  }
  </code></pre>
  
  <p></p>
  
  <p>JavaScript :</p>
  
  <pre><code>&lt;!-- you need to include the shieldui css and js assets in order for the charts to work --&gt;
  &lt;link rel="stylesheet" type="text/css" href="http://www.shieldui.com/shared/components/latest/css/light/all.min.css" /&gt;
  &lt;script type="text/javascript" src="http://www.shieldui.com/shared/components/latest/js/shieldui-all.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  initializeRatings();
  
  function initializeRatings() {
      $('#rate1').shieldRating({
          max: 5,
          step: 0.1,
          value: 0,
          markPreset: false
      });
      $('#rate2').shieldRating({
          max: 5,
          step: 0.1,
          value: 1,
          markPreset: false
      });
      $('#rate3').shieldRating({
          max: 5,
          step: 0.1,
          value: 2,
          markPreset: false
      });
      $('#rate4').shieldRating({
          max: 5,
          step: 0.1,
          value: 3,
          markPreset: false
      });
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>if there anyway that I can get the value of the rating so that I can store it on to my database after submit button click ?</p>
  
  <p>I have provided a screenshot of how the star rating widget looks on the screen 
      <a href="https://gyazo.com/b579c81951e21509afc099b182aa3a67" rel="nofollow">Screenshot</a></p>