Question

我正在使用此功能在选择更改时更改输入文本的颜色，该功能采用所选选项的颜色，并输入输入文本。此功能适用于Chrome和Opera，但在Firefox上，仅更改白色的颜色。帮助

：选择：

*<select class="target" id='cor' name='cor'  >
<option style="color:black" <?php if ($inicializaCor == 1 ) echo    'selected'; ?> value='preto'  >Preto</option>
<option style="color:blue" <?php if ($inicializaCor == 2 ) echo 'selected'; ?> value='azul'  >Azul</option>  
<option style="color:red" <?php if ($inicializaCor == 3 ) echo 'selected'; ?> value='vermelho'  >Vermelho</option>  
</select>*

JQuery的：

$(document).ready(function(){
  $( "#cor" ).change();
});
$( "#cor" ).change(function() {
  var teste = $('#cor').find('option:selected').css("color");
  $( '#usuario' ).css("color",teste);
});

Answer 1

尝试将所有代码放入DOM中：

$(document).ready(function(){
    $("#cor").change(function() {
        var teste = $('#cor').find('option:selected').css("color");
        $( '#usuario' ).css("color",teste);
    }).change(); // here you can trigger .change() instead of separate handler
});

要从HTML中获取颜色值作为名称，您可以使用：

$(document).ready(function(){
    $("#cor").change(function() {
        var teste = $('#cor').find('option:selected')[0].style.color;
        console.log(teste);
        $( '#usuario' ).css("color",teste);
    }).change(); // here you can trigger .change() instead of separate handler
});

<强> Updated Fiddle

函数JQuery在Firefox中不起作用

1 个答案: