[英]Unable to change background color of multiple div onclick using javascript
[英]Javascript Change DIV background color onclick
我正在尝试在提交表单后更改div的颜色。 新页面上的div应采用所选颜色。
JS
function change(col) {
col.style.backgroundColor = '<?php echo $colour ?>';
}
HTML
<form action="" method="post">
<input type='search' name='keywords' value='' style="width:100%;">
<a href='#col'>
<input type=submit value='Submit' name='doSearch' style="visibility: hidden;" onclick="change(this.href)" />
</a>
</form>
<div id="col" onclick="location.href='index2.php';">
<br/>
<?php echo $message ?>
</div>
<? $message="dd"; ?>
<script>
function change(col) {
document.getElementById('col').style.backgroundColor=col;
}
</script>
<form action="" method="post">
<input type='search' name='keywords' value='' style="width:100%;">
<a href='#col'>
<input type=submit value='Submit' name='doSearch' style="visibility: hidden;" onclick="enter(this.href)" />
</a>
</form>
<div style="width:50px; height:50px;" id="col" onclick="location.href='index2.php';" >
<br/>
<?php echo $message ?>
</div>
<? if(isset($_POST['keywords'])){ ?>
<script>
change('<?=$_POST['keywords']?>');
</script>
<? } ?>
测试它,它的工作原理是在关键字输入上插入颜色
您可以使用jQuery轻松完成此操作:
$("#yourID").click(function(){
$(this).css("background-color","yellow");
});
看看这里: http : //jsfiddle.net/TeFYV/
码
var colors = ["red", "blue", "yellow", "green", "orange", "black", "cyan", "magenta"]
function changeColor() {
//you can as well pass col reference as you do in your code
var col = document.getElementById("changecolor");
col.style.backgroundColor = colors[Math.floor((Math.random()*8)+1)];
}
适应您的需求,希望它有所帮助
最简单的方法是将颜色作为两个页面之间的参数传递,然后在第二页上使用jQuery来设置颜色与从该参数获得的颜色。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.