title: How can I prevent the ID from showing in the datalist element?
body: <p>I am trying to utilize the datalist element.  Everything is working with 1 little hitch.  The selectable list is showing 2 columns, both the street_id and street columns.  I need the street_id that will be submitted but dont want the street_id to show in the datalist.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;?php
  
  require 'connect_mysqli.php';
  
  $sql = "SELECT * FROM streets";
  $result = mysqli_query($con, $sql) or die ("Error " . mysqli_error($con));
  ?&gt;
  &lt;form action="test.php" name="test" method = "post"&gt;
  &lt;datalist id="street" name="streets"&gt;
      &lt;?php while($row = mysqli_fetch_array($result)) { ?&gt;
          &lt;option value="&lt;?php echo $row['street_id']; ?&gt;"&gt;&lt;?php echo $row['street']; ?&gt;&lt;/option&gt;
      &lt;?php 
      } 
  ?&gt;
  &lt;/datalist&gt;
  &lt;input type="text" name="street_val" id="test" autocomplete="off" list="street"&gt;
  &lt;input type="submit" value="Submit"&gt;
  &lt;/form&gt;
  &lt;?php 
  mysqli_close($con); 
  //test the output value
  echo $_POST['street_val'];//
  ?&gt;</code></pre>
  </div>
  </div>
  </p>