如何在反应中在选项标签内使用相同值的名称但是当我在 HTML 中使用相同的东西时，它工作正常

如何解决如何在反应中在选项标签内使用相同值的名称但是当我在 HTML 中使用相同的东西时，它工作正常

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>




<select>

<option value="vtext.com">Verizon</option>
<option value="vtext.com">XFinity</option>
<option value="vtext.com">Page plus</option>

</select>

如果我想选择 Coconut33 或 Grapefruit11 或 Mango44 或 Lime22，默认情况下 Coconut、Grapefruit、 Mango、Lime 被选中。enter image description here

基本上我想在其他一些事情中使用这个概念。我们对 Verizon、XFinity 和 page plus 有相同的 SMS 网关名称，所以如果我在选项标签中传递相同的值名称，那么我只能选择三个中的一个。那么如何解决这个问题。

<select>

<option value="vtext.com">Verizon</option>
<option value="vtext.com">XFinity</option>
<option value="vtext.com">Page plus</option>

</select>

因此，如果我选择 page plus 或 XFinity，那么通过防御者代码hereault Verizon 将被选中。