Anzeigetext von <select> Tag unterschiedlich zu dem ausgewählten <option> Tag

Question

<select> 
<option>Option1</option> 
</select> 

Wenn ich auf dem „Option1“ aus dem Dropdown es einen Text wie „erste Option“, obwohl seine Anzeige sollte in Dropdown als „Option1“ angezeigt .

Wie erreiche ich das?

Answer 1

Ich entwickelte einen einfacheren Weg, um durch das Problem zu kommen.

<script> 
function myFunction() 
     { 
      if(document.getElementById("someId").selectedIndex%2==0) 
       document.getElementById("someId").selectedIndex++; 
     } 
</script> 

<select id="someId" onchange="myFunction()"> 
<option  value='sameValue'> Option1  </option> 
<option hidden value='sameValue'> First Option</option> 
</select> 

Ich habe eine zweite Option mit dem gleichen Wert erstellt, die immer dann ausgewählt wird, wenn die erste ausgewählt ist.