Jquery颜色事件问题

时间:2014-07-17 08:48:49

标签: javascript jquery

我有多个选择,用户可以选择一件事,它会将文本复制到上面的输入中。

如果点击按钮,我希望复制的多项选择中的文字变为红色,你明白了吗?

我不知道如何在Jquery中做条件,这就是我所做的:

var choose = function(bouton){
    var lesoptions = $('#droite').find(":selected");
    $('#numLot').val(lesoptions[0].text);
    $("#ok").click(function(){
        $("#droite").css({"background-color":"yellow"});
    })
};

droite是一个id,ok是一个id和numlot,该函数正在取选择字段并将其复制到输入中,我希望select字段成为yellow但它不起作用。它进入功能但不做我要求的

如果可能我想让它变为只读,我该怎么做?但如果你能提供帮助,我不知道如何做到这一点。 感谢

1 个答案:

答案 0 :(得分:1)

嗯,我举了你的例子,稍稍改了一下。这是一个解决方案。

http://jsfiddle.net/H4PNe/

<强> Jquery的

$('#ok').click(function(){
    $('#droite').val($('select').val());
    $('select option:selected')
        .siblings('.selected')
        .removeClass('selected')
        .end()
        .addClass('selected');
});

<强>类别:

.selected {

    background-color:yellow;
}

<强> HTML

<input id="droite" type="text">
<select>
    <option value="1">Value 1</option>
    <option value="2">Value 2</option>
</select>
<button id="ok">OK</button>