6

そのため、ここ 1 時間かけて検索し、Stack Overflow や他のサイトで多くの回答を見つけました。しかし、どれも機能しません。

jQuery を使用して、選択した項目に基づいて SELECT ドロップダウン ボックスのテキストの色を動的に設定できるようにしたいと考えています。

背景色を簡単に変更できます：

$('#selectBox').css("background-color", "red");

しかし、私がこれを行うと：

$('#selectBox').css("color", "red");

うまくいきません。文字は黒のままです。

他の検索で ::selection が明らかになりましたが、それはユーザーが選択したテキストのスタイル (コピー/貼り付けなど) に適用されるようです。

さらに、次のような CSS クラスを使用してみました。

option.red { color: red }

addClass() を使用してクラスを変更しますが、これもうまくいきません。

Firefox、Chrome、および Safari でこれをテストしました。

私は何を間違っていますか？ありがとう！

4

4 に答える 4

3

私はあなたのためにフィドルを作成しました。ドロップダウンからオプションを選択すると、オプションの ID に応じてテキストの色が動的に変化します。

例

これはあなたが探しているものですか？

<select class="selectBox" id="selectBox">
    <option id="yellow">Yellow</option>
    <option id="red">Red</option>
    <option id="blue">Blue</option>
</select>



$("select").change(function () {
    var ID = $(this).children(":selected").attr("id");
    $('#selectBox').css('color', ID);
});
于 2013-07-30T01:43:27.490 に答える