Javascript 下拉列表突出显示

我有一个下拉列表，其中包含以下列表项

<asp:DropDownList ID="ddlsendmail" runat="server" Width="250px" AutoPostBack="true"
    OnSelectedIndexChanged="ddlsendmail_SelectedIndexChanged" onchange="test();">
    <asp:ListItem>--select--</asp:ListItem>
    <asp:ListItem Value="Members">Members</asp:ListItem>
    <asp:ListItem Value="NonMembers">Non-Members</asp:ListItem>
    <asp:ListItem Value="Location">Location</asp:ListItem>
</asp:DropDownList>

当我选择位置时，另一个下拉列表是绑定了诸如金奈100、孟买156、班格罗132等值

<tr id="tdsendmaillocation" runat="server" visible="false">
    <td>
        Location:
    </td>
    <td>
        <asp:DropDownList ID="ddlsendmaillocatiom" runat="server" Width="250px">
        </asp:DropDownList>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" SetFocusOnError="true" ValidationGroup="group"
            ControlToValidate="ddlsendmaillocatiom" InitialValue="0" runat="server" Display="Dynamic"><img src="images/error.png" title="Required Field" border="0" /></asp:RequiredFieldValidator>
    </td>
</tr>

---

现在我只想从上面的列表项中选择100156132。。在红色中……

一般来说，你不能这样做。不能像往常一样在选择框中设置样式、选项。有些替换插件看起来像SELECT，但实际上是由标准HTML元素组成的，这些元素的样式可以类似于div元素。

是否要在下拉列表中重新设置某些元素的样式？这可能满足你的需要。