title: How to get value of jquery nice select
body: <p>I'm developing an script that using <a href="https://hernansartorio.com/jquery-nice-select/" rel="nofollow noreferrer">nice select</a> :</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="nice-select form-control "   tabindex="0"&gt;&lt;span class="current"&gt;تعداد حمام&lt;/span&gt;
      &lt;ul class="list" &gt;
          &lt;li data-value="1" class="option selected focus"&gt;1 حمام&lt;/li&gt;
          &lt;li data-value="2" class="option"&gt;2 حمام&lt;/li&gt;
          &lt;li data-value="3" class="option"&gt;3 حمام&lt;/li&gt;
          &lt;li data-value="4" class="option"&gt;4 حمام&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  </code></pre>
  
  <p>I check the documention and it have just two method: </p>
  
  <pre class="lang-js prettyprint-override"><code>$('select').niceSelect('update');
  
  $('select').niceSelect('destroy');
  
  </code></pre>
  
  <p>It didn't say how to get the selected value , i google it too but anyway i couldn't get the selected value and another point is that i have more than one <code>nice select</code> in one page</p>
  
  <p>How can i handle it?</p>
  
  <p>Edited: 
  Thanks @jorge-fuentes-gonzález  and this is the <a href="https://jsfiddle.net/unlocker/u02whjvr/5/" rel="nofollow noreferrer">snippet/fiddle</a>  , can you help to get the selected value?</p>