javascript - 在选择菜单内更改文本颜色

我正在尝试通过Reg.Exp获得文本“ FOUND”。更改选择菜单内的颜色但不成功的方法，可以通过以下任何更好的方法来完成：

<span style="padding-right:40px">
<select id="sel" name="sel">
<option value="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Choose</option>

  <script type="text/javascript">
   $( document ).ready(function() {

     var myRegExp = /toy/i; /* this text I am trying to change color */
     var myText = 'This is a toy, from toys';

    if( myRegExp.test(myText) ) {
      myText.replace(/toy/ig, '<span class="green">$1</span>')
     }

   });
  </script>

  <option value="This is a toy, from toys" id="opt">
     This is a toy, from toys
  </option>

感谢您的光临！

最佳答案

CSS可以做到这一点。不需要javascript。您在选项中声明了一个ID，因此请使用该ID更改文本的颜色。

#opt { color: green; }

看看我做的这个小提琴：

jsFiddle DEMO

更新：

另外，由于您具有ID，因此不一定需要指定值...这意味着您可以取出value="This is a toy, from toys"的文本，因为不需要，因为您已经在option标记之间编写了该文本。

Updated fiddle

Toy

javascript - 在选择菜单内更改文本颜色