Php Html选择选项更改颜色文本
A有一个名为Systemsid的表,名称为。我发送了一个查询SELECT*fromsystems WHERE id=SPECIFIC\u id。然后我还有另一个查询SELECT*fromsystems WHERE id!=具体身份证 我将它们全部显示在html select中,如下所示:Php Html选择选项更改颜色文本,php,jquery,Php,Jquery,A有一个名为Systemsid的表,名称为。我发送了一个查询SELECT*fromsystems WHERE id=SPECIFIC\u id。然后我还有另一个查询SELECT*fromsystems WHERE id!=具体身份证 我将它们全部显示在html select中,如下所示: <select id="select"> <option value="'.$row1["id"].'">'.$row1["name"].'</option> // this
<select id="select">
<option value="'.$row1["id"].'">'.$row1["name"].'</option> // this is the result of the first query
while () {
//the result of the second query
}
</select>
以上代码就是这样工作的:
但要使用它,需要有一个特定的值。在我的例子中,该值不是静态的。如何给该选项上色?选项标签本身无法设置样式 但您可以为实现这一目标采取另一种方法:
只需创建一个包含所有选项元素的下拉div,并为其设置click事件,单击后更改标记值。然后隐藏标签。你能举个例子试试吗
<style>
.gray{
background-color:#f00;
border:2px solid #f00;
color:#f00;
}
.black{
background-color:#000;
border:2px solid #000;
}
</style>
HTML
剧本
<script>
$(document).ready(function() {
$('#select').attr('color','gray');
$('#select').change(function() {
var current = $('#select').val();
if (current == "") {
$('#select').attr('class','black');
} else {
$('#select').attr('class','gray');
}
});
});
</script>
使用原始css
select:nth-child(1){
color:red;
}
您不需要将ID放在那里您可以这样做:
将css代码直接放入html并非不可能
<p><a href="http://www.korben.info/42" style="font-size:10px"><font color="red">YEAH</font></a>
为什么不在php代码中添加一个style属性?你从来没有将颜色设置为红色,只有黑色或灰色?@Doodlebunch我尝试过,但没有效果。我认为你不能更改选项Tag的颜色。它总是第一个选项?如果您想使用JavaScript或jQuery显示呈现的HTML,而不是php。我无法设置value=,因为我需要为其他操作发送系统id。您已经给出了类似的内容。。。如果当前!='空'。。。这就是为什么我保持当前状态==
select:nth-child(1){
color:red;
}
<p><a href="http://www.korben.info/42" style="font-size:10px"><font color="red">YEAH</font></a>