0

我正在从数据库加载多个 DIV

我的 Javascript 用于点击

    <script type="text/javascript">
  $(document).ready( function() {

    var role = 0;
$(".role").click(function(){
   if(role == 0) 
   {
       role = 1;
       $(".role").text("Decision Approver");


   }
    else if(role == 1) 
    {
        role = 2;
          $(".role").text("Decision Maker");


    }
    else if(role == 2)
    {
        role = 3;
          $(".role").text("Influencer");


    }
    else if(role == 3)
    {
        role = 4;
          $(".role").text("Gate Keeper");

    }
    else if(role == 4)
    {
        role = 5;
          $(".role").text("User");

    }
    else if(role == 5)
    {
        role = 6;
        $(".role").text("Stake-holder");

    }
    else if(role == 6)
    {
        role = 0;
        $(".role").text("");

    }


});
});

</script>

我的 DIV“角色”的 CSS

{
position: absolute;
 width: 50px;
 min-height:20px;
 height:auto;
 border:1px solid #000; 
 word-wrap: break-word; 
 float:left;
 font-size:12px;
  z-index: 30;
  margin-top:50px;
  margin-left:3px;
}

这是 HTML

$qry = "SELECT * from contact";
$result = mysql_query($qry);

while ($row = mysql_fetch_array($result)) 
{
    <div class="role" align="center"  ></div>
}

已生成多个 DIV，当我单击一个 DIV 角色时，所有 DIV 角色都会更改其文本。如何单独更改每个 DIV 并通过 contactID 将它们更新到数据库？

4

2 回答 2

0

我认为在更新角色时，所有条件都满足，因此您需要包含return false；类似于break；

于 2013-06-16T10:01:22.427 回答
0

假设您想使用 jQuery 来执行此客户端（并且在此假设下，我不知道 SQL 在标签或问题中做了什么）我建议使用数组来包含新文本：

var textValues = ['Decision maker', 'Decision approver', 'influencer']; // and so forth

$('.role').text(function(i){
    return textValues[i];
});

JS 小提琴演示。

上面将遍历每个.role元素，i表示当前元素的索引（在集合中的其他元素中），并将文本设置为包含在数组中的i位置。textValues

参考：

于 2013-06-16T09:41:34.373 回答