title: Insert hidden text inside selectbox option
body: <p>I have a selectbox that displays name and surname for a list of people. But I want to add an id for each of them and make it invisible. 
  EX. if we have <strong>John Smith</strong> with <strong>ID 001</strong> I want to write <strong>John Smith:001</strong> , but it should be seen as <strong>John Smith</strong>. It is important that the id is not only unseen but also doesn't take up any space.</p>
  
  <p>This is my code:</p>
  
  <pre><code>$result = pg_query(connect(), "SELECT id, name, surname FROM person ORDER BY name ASC, surname ASC");
      $person = pg_fetch_all($result);
      echo '&lt;select value="Person" name="person"&gt;';
           for($i=0; $i&lt;sizeof($person); $i++) {
                  $person = $person[$i]['name'].' '.$person[$i]['surname'];
                  echo "&lt;option&gt;".$person."&lt;span hidden&gt;:".$person[$i]['name']."&lt;/option&gt;";   }       
      echo '&lt;/select&gt;';
  </code></pre>
  
  <p>however, this isn't working because the id remains visible</p>