title: How to show another text when select tag opened and closed?
body: <p>I have simple <code>select</code> tag that have some simple options like this:</p>
  
  <pre><code>&lt;select name="select" id="select"&gt;
      &lt;option value="1"&gt;=&lt;/option&gt;
      &lt;option value="2"&gt;!=&lt;/option&gt;
      &lt;option value="3"&gt;^&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Now, i want when user click on <code>select</code> tag, i show literal texts instead of <strong>=</strong>, <strong>!=</strong>, <strong>^</strong>, i mean <strong>equal</strong>, <strong>not equal</strong> and <strong>start with</strong>, but when user selected one of the values, show the actual text as selected.</p>
  
  <p>I'm using angularjs in this view.</p>