title: I can't get the value of a input within a datalist?
body: <p>I have a datalist box that looks like this:</p>
  
  <pre><code>&lt;td&gt;
      &lt;input list="screens.screenid-datalist" type="text" id="screens.screenid" onblur="validate('0','0','jacques')"&gt;
      &lt;datalist id="screens.screenid-datalist"&gt;
          &lt;option value="Login"&gt;&lt;/option&gt;
          &lt;option value="ScreenCreator"&gt;&lt;/option&gt;
      &lt;/datalist&gt;
      &lt;label id="val-screens.screenid" class="Label_Error" style="visibility: hidden;"&gt;*&lt;/label&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>and I have a JavaScript code which has to get the value from this datalist.</p>
  
  <p>I tried all the following things to get the value</p>
  
  <pre><code>document.getElementById('screens.screenid').value
  document.getElementById('screens.screenid').text
  document.getElementById('screens.screenid').innerHTML
  document.getElementById('screens.screenid').option
  </code></pre>
  
  <p>and it just does not seem to work. </p>
  
  <p>Is there something wrong with my JavaScript or with my HTML code?</p>
  
  <p>when I use the console to get the value:
  <img src="https://i.stack.imgur.com/hcyip.jpg" alt="when I use the console to get the value"></p>