title: How do I set a select value in materialize CSS? (NO JQUERY)
body: <p>I am trying to set the value of my dropdown select, but there frankly isn't much documentation on any of this stuff anywhere. This is about all you get: <a href="https://materializecss.com/select.html" rel="nofollow noreferrer">https://materializecss.com/select.html</a></p>
  <p>I am trying to do it the non-jQuery way.</p>
  <p>This is the code I have tried:</p>
  <p>1.</p>
  <pre><code>let instance = M.FormSelect.getInstance(document.getElementById('ptType'));
  instance.input = document.getElementById('3');
  </code></pre>
  <ol start="2">
  <li></li>
  </ol>
  <pre><code>let instance = M.FormSelect.getInstance(document.getElementById('ptType'));
  instance.input = '3'
  </code></pre>
  <ol start="3">
  <li></li>
  </ol>
  <pre><code>let instance = M.FormSelect.getInstance(document.getElementById('ptType'));
  instance.value = '3'
  // this one changes the &quot;internal value&quot;, but doesn't show it on the actual drop down.
  </code></pre>
  <p>I have searched many times for a solution and nothing has ever come up. Not sure if anyone on here would know. Please help!</p>