Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery颜色事件问题_Javascript_Jquery - Fatal编程技术网

Javascript Jquery颜色事件问题

Javascript Jquery颜色事件问题,javascript,jquery,Javascript,Jquery,我有一个多重选择,用户可以选择一件事,它会复制到上面的输入文本 如果单击按钮,我希望复制的多个选择中的文本变为红色,您明白了吗 我不知道如何在Jquery中执行条件,以下是我所做的: var choose = function(bouton){ var lesoptions = $('#droite').find(":selected"); $('#numLot').val(lesoptions[0].text); $("#ok").click(function(){

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

如果单击按钮,我希望复制的多个选择中的文本变为红色,您明白了吗

我不知道如何在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
函数将选择字段复制到输入中,我希望选择字段变为
黄色,但它不工作。它进入函数,但不按我的要求执行

如果可能的话,我想让它变成只读的,我该怎么做呢?但如果你能帮忙,我不知道该怎么做。
谢谢

我以你为例,对它做了一些修改。这里有一个解决方案

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>

值1
价值2
好啊

尝试移除
.css()上的大括号。
请共享您的problem@Yaje这是有效的,因为这是将多个样式规则应用于元素的另一种语法!您是否真的在任何地方调用了
choose
函数,并且您正在设置select的颜色,而不是selected选项?似乎工作正常->