以红色回显mysql查询结果

时间:2014-06-05 12:48:12

标签: php mysql

我希望以红色输出行NOT DINE WITH,有关如何做到这一点的想法吗?

<?php
$res22 = mysql_query($query22);
while ($row22 = mysql_fetch_array($res22, MYSQL_ASSOC))
{
?><OPTION VALUE="<?php
echo $row22['member_id'];?>">
<?php echo $row22['full_name']; ?> 

<font color=#ff0000> 
<?php if ($row22['ndw'] == "yes")
echo "  *-* NOT DINE WITH *-*"; ?></font> -

<?php echo $row22['member_id']; ?>
<?php if ($row22['joined_online'] == "yes")
echo " *JOL* "; ?> 
<?php if ($row22['email']== '')
echo " *NOEM*";
?>
<?php echo " Invites "; ?>
<?php echo $row22['invited']; ?>
<?php echo " Attended "; ?>
<?php echo $row22['attended']; ?>
</option><?php
}
?>

3 个答案:

答案 0 :(得分:3)

echo "<span style='color:ff0000;'>  *-* NOT DINE WITH *-*<span>"; 

答案 1 :(得分:0)

这是我为您编写的解决方案,需要一些JavaScript来选择正确的选项。我假设您正在使用表单从数据库中选择人员?

<?php

$res22 = mysql_query($query22);

echo "<ul>";

while ($row22 = mysql_fetch_array($res22, MYSQL_ASSOC))
{
    $member_id = $row22['member_id'];
    $full_name = $row22['full_name'];
    $ndw = $row22['ndw'];
    $joined_online = $row22['joined_online'];
    $email = $row22['email'];
    $invited = $row22['invited'];
    $attended = $row22['attended'];

    $class = $ndw == "yes" ? 'class="ndw"' : '';

    echo '<li ' . $class . ' id="' . $member_id . '">';
    echo "{$full_name} - ";
    echo $ndw == "yes" ? "<span>*-* NOT DINE WITH *-*</span> " : "";
    echo "{$member_id} - ";
    echo $joined_online == "yes" ? "*JOL* " : "";
    echo empty($email) ? "*NOEM* " : "";
    echo "Invites: {$invited}, ";
    echo "Attended: {$attended}";
    echo '</li>';
}

echo "</ul>";

?>

这是我放在一起的小提琴,展示了它的外观和工作方式:http://jsfiddle.net/d4r6V/。它使用jQuery。你必须做很多修改才能使它在表格等方面有效,但希望它可以让你开始。

答案 2 :(得分:0)

根据HTML 4.1和5.1规范,不允许在选项标记中包含任何标记。

<!ELEMENT OPTION - O (#PCDATA)         -- selectable choice -->

http://www.w3.org/TR/html401/interact/forms.html#edef-OPTION

Content model:
If the element has a label attribute and a value attribute: Empty.
If the element has a label attribute but no value attribute: Text.
If the element has no label attribute: Text that is not inter-element whitespace.

http://www.w3.org/html/wg/drafts/html/master/embedded-content.html#the-option-element

字体标记已在HTML5中完全删除,不得使用。但我猜大多数浏览器仍然支持它。

http:// www.w3.org/TR/html5/obsolete.html&lt; - 没有足够的声誉为您提供有用的链接......

因此,不能仅设置选项文本的一部分。但是,您可以设置完整选项字段的样式。 select元素外部的font元素仍可能呈现所需的结果。见下面的例子:

<style>
    option.red_background {background-color: red;}
    option.red_text {color: red;}
</style>
<select>
    <option value="0">
        <?php echo 'full_name'; ?>
        <font color=#ff0000>
            <?php echo "  *-* NOT DINE WITH *-*"; ?>
        </font>
    </option>
        <?php
        if ($row22['ndw'] === 'yes') {
            echo '<option class="red_text" value="1">';
        } else {
            echo '<option value="1">';
        }
        ?>
        <?php echo 'full_name'; ?>
        <?php echo "  *-* NOT DINE WITH *-*"; ?>
    </option>
    <option class="red_background" value="2">
        <?php echo 'full_name'; ?>
        <?php echo "  *-* NOT DINE WITH *-*"; ?>
    </option>
</select>
<font color=#ff0000>
    <?php echo "  *-* NOT DINE WITH *-*"; ?>
</font>