Read text of selected option [materialize] : <p>i'm using materialize framework.</p>

<p>I'm trying to implement the materialize select: <a href="https://materializecss.com/select.html" rel="nofollow noreferrer">https://materializecss.com/select.html</a></p>

<p>and this is a sample code:</p>

<pre><code> &lt;div class="input-field col s12"&gt;
    &lt;select id="mySelect"&gt;
      &lt;option value="" disabled selected&gt;Choose your option&lt;/option&gt;
      &lt;option value="1"&gt; text of option 1&lt;/option&gt;
      &lt;option value="2"&gt;text of option2&lt;/option&gt;
      &lt;option value="3"&gt; text of option 3Option 3&lt;/option&gt;
    &lt;/select&gt;
    &lt;label&gt;Materialize Select&lt;/label&gt;
  &lt;/div&gt;
</code></pre>

<p>I'm trying to read the text of the selected option but I can't. Any suggestions?</p>

<p>the only thing I managed to take is the value of the option with this:</p>

<pre><code>$("#MySelect").change(function() {
    console.log($('#MySelect').val());
    });
</code></pre>
