Set class='selected '在多个选项标签(列表/菜单)中
set class='selected ' in more than one option tag (list/menu)
对不起,我想问一个新手问题:)
<select id="member">
<?php
$sql = " select id,name from member order by name ";
$query = mysql_query($sql);
while($row=mysql_fetch_array($query))
{
?>
<option value="<?php echo $row["id"]; ?>"><?php echo $row["name"]; ?></option>
<?php
}
?>
</select>
则结果将生成如下所示的HTML
<select id="member">
<option value="1">Jon Skeet</option>
<option value="2">Marc Gravell</option>
<option value="3">Darin Dimitrov</option>
</select>
我的问题是,实际上我在mysql中有2个表,首先是成员表和第二个member_invited表。
in member table:
id | name
---------------
00 |乔恩·斯基特
01 | Marc Gravell
02 |达林·季米特洛夫
then in member_invited table:
id | name
---------------
00 |乔恩·斯基特
02 |达林·季米特洛夫
在这两个表中我想这样创建我的列表:
(看一下class="selected"是成员邀请的选项标签)
<select id="member">
<option value="1">Jon Skeet</option>
<option value="2" class="selected">Marc Gravell</option>
<option value="3" class="selected">Darin Dimitrov</option>
</select>
请随意使用javascript或jquery,或者也许我可以通过使用PHP来解决它?
非常感谢:)
你必须在MySQL中与member_invited
表连接,然后从resultset
is_invited
标志的while循环<?php
$sql = "SELECT x.id,x.name,IFNULL(y.id,0) AS is_invited FROM member x LEFT JOIN member_invited y ON x.id=y.id ORDER BY x.name";
$query = mysql_query($sql);
while($row=mysql_fetch_array($query))
{
?>
<option value="<?php echo $row["id"]; ?>"<?php if ($row['is_invited']>0) { echo " class='"selected'""; } ?>><?php echo $row["name"]; ?></option>
<?php
}
?>
试试这样
$("#member option").each(function(){
var $this = $(this);
if($this.val() == "2" || $this.val() == "3"){
$this.addClass("selected");
}
});
您可能想使用这样的东西来启用多重选择:
http://www.w3schools.com/tags/att_select_multiple.asp更聪明的做法是在服务器端做你想做的…
相关文章:
- 使自动完成可搜索下拉菜单don'我不想在点击搜索时显示列表
- jQuery切换列表菜单问题
- 选择菜单,将json列表与单数值进行匹配
- 禁用数据自动关闭下拉列表基金会只需在一个菜单中
- 如何在JavaScript中动态创建下拉菜单列表
- 电子邮件表单 选择列表菜单
- 为什么文本粘在CSS无序列表菜单中的图像下方
- 从列表菜单中获取选择索引并将其放入函数中
- 使用 Jscript 创建列表菜单运行时
- 如何从字符串创建多级列表菜单
- 在引导程序下拉列表菜单中显示所选选项
- 使用jquery更改具有子菜单的UL列表菜单的类别
- 寻找一个CSS为苹果类型的下拉列表/菜单
- Set class='selected '在多个选项标签(列表/菜单)中
- Jquery列表中的列表菜单
- 导航列表菜单在IE8中不工作
- 使用JavaScript创建和复制选择/选项列表菜单
- TinyMCE 4在哪里处理列表菜单按钮上的点击事件以显示/隐藏它们
- 隐藏或禁用下拉列表菜单按钮.jQuery of JavaScript.
- 需要帮助把文本从3个列表菜单到一个单一的文本框