Jquery 如何显示选择选项的标签？

我编写了以下脚本：

它的工作方式是，你选择你的出生月份和最喜欢的颜色，然后它应该为你提供你的“名人名”

现在写剧本的方式是错误的。。。因为输出不会显示选定选项值的选项标签。如果这个人选择一月作为月份，选择绿色作为颜色，我希望输出结果是：你的名人名字是琳达·格林

如何显示选定标签选项的标签？非常感谢

HTML

---

您可以更改选项的值属性：

<select id="month">
        <option value="">- birth month -</option>
        <option value="Linda">January</option>
        <option value="Chris">February</option>
        <option value="James">March</option>
    </select>  

-出生月份-
一月
二月
前进

颜色也一样

<select id="color">
        <option value="">- favorite color -</option>
        <option value="Roberts">Green</option>
        <option value="Blue">Blue</option>
        <option value="Unger">Red</option>
    </select>  

-喜爱的颜色-
绿色
蓝色
红色

---

然后移除标签，它将按预期工作。

由于您有月份值的类名，请选择，您可以尝试以下操作：

更改：

var month = $("#month").val();
var color =$("#color").val();

致：

---

我想我以前从未见过这样使用标签。这应该是根据所选颜色在DOM中选择正确标签的问题。你试过类似的方法吗？用数组代替你的奇怪标签系统谢谢。。。还没弄明白怎么解决这个问题。。。如有任何解决办法，我将不胜感激。

<select id="color">
        <option value="">- favorite color -</option>
        <option value="Roberts">Green</option>
        <option value="Blue">Blue</option>
        <option value="Unger">Red</option>
    </select>  

var month = $("#month").val();
var color =$("#color").val();

var month = $('.'+$("#month").val()).text();
var color = $('.'+$("#color").val()).text();