显示与所选<option>标签不同的<select>标签文本

Question

＆LT;选择＆GT;  ＆LT;选项＆GT;选项1＆LT; /选项＆GT; ＆LT; /选择＆GT; 当我从下拉列表中单击“Option1”时，它应显示“First Option”之类的文本，即使它显示为“Option1”下拉列表。 我该如何实现这一目标？

Answer 1

我设计了一种更容易解决问题的方法。

<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>

我创建了第二个选项，其值相同，只要选择了第一个选项就会被选中。