我希望以红色输出行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
}
?>
答案 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>