Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.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
jQuery输入值div id并更改颜色_Jquery_Html_Css - Fatal编程技术网

jQuery输入值div id并更改颜色

jQuery输入值div id并更改颜色,jquery,html,css,Jquery,Html,Css,如何使用JQuery按id更改颜色? 你能帮我吗 样本: 我们可以用jQuery来实现这一点吗 样本: div{ 宽度:20%; 高度:50px; 背景:红色; 位置:相对位置; 浮动:左; 利润率:10px; } BOX1 框2 框3 方框4 方框5 蓝色 黑色 黄色的 您可以使用以下代码: function colorPin(){ var divid = $("[name=cc]").val() var color = $(".selectColor option:selected

如何使用JQuery按id更改颜色? 你能帮我吗

样本:

我们可以用jQuery来实现这一点吗

样本:
div{
宽度:20%;
高度:50px;
背景:红色;
位置:相对位置;
浮动:左;
利润率:10px;
}
BOX1
框2
框3
方框4
方框5
蓝色
黑色
黄色的

您可以使用以下代码:

function colorPin(){
  var divid = $("[name=cc]").val()
  var color = $(".selectColor option:selected").text()
  $("#" + divid).css("background",color)
}
这将采用选定的颜色,并将其应用于具有您在输入中键入的输入的div

演示

函数colorPin(){
var divid=$(“[name=cc]”)。val()
var color=$(“.selectColor选项:selected”).text()
$(“#”+divid).css(“背景”,颜色)
}
div{
宽度:20%;
高度:50px;
背景:红色;
位置:相对位置;
浮动:左;
利润率:10px;
}

框1
框2
框3
方框4
方框5
蓝色
黑色
黄色的

您可以使用以下代码:

function colorPin(){
  var divid = $("[name=cc]").val()
  var color = $(".selectColor option:selected").text()
  $("#" + divid).css("background",color)
}
这将采用选定的颜色,并将其应用于具有您在输入中键入的输入的div

演示

函数colorPin(){
var divid=$(“[name=cc]”)。val()
var color=$(“.selectColor选项:selected”).text()
$(“#”+divid).css(“背景”,颜色)
}
div{
宽度:20%;
高度:50px;
背景:红色;
位置:相对位置;
浮动:左;
利润率:10px;
}

框1
框2
框3
方框4
方框5
蓝色
黑色
黄色的


当然,您可以使用jQuery实现这一点。到目前为止,您尝试了什么,为什么失败了?请包括您尝试过的JS代码以及任何错误。当然,您可以使用jQuery来完成。到目前为止您尝试了什么,为什么失败了?请包括您尝试过的JS代码以及任何错误。