0

我得到了一个回显数据库值并让我突出显示它们的脚本。我有两个问题。第一个是值是按钮，而高亮显示整个区域。我不能css所以我不知道如何解决这个问题。

第二个是主要问题。在突出显示一行单击提交后，我想用突出显示的行的 id 更新一个表。这可能吗？

这是我的代码（是的，我知道这是一团糟，我只是在测试东西）。

谢谢你看:)

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script>
    $('.category_list li').click(function(){
        $('.highlight').removeClass('highlight');
    $(this).addClass('highlight');

    });
    </script>
    <style>
    .highlight {background-color:yellow;}

    ul.category_list {
    margin: 35px 0;
    padding: 0;
    font: 12px Verdana;
    list-style-type: none;
    }

    ul.category_list li a {
    padding: 5px 10px;
    border: 1px solid #aaa;
    background-color: #eee;
    color: #47a;
    text-decoration: none;
    }
    </style>
</head>
<body>
    <?php
    include 'Includes/database_connection.php';
    $sql = "select *
                                FROM sims"  ;
                        $result = mysql_query($sql,$con);       
                        while($row = mysql_fetch_assoc($result)){

    ?>
    <form name="form" action="" method="post">
    <ul class="category_list">
    <li><a onclick="callGetApplicationDetails(0,0);" href="javascript:void(0);"><?php echo $row['phonenr'];?></a></li>
    </ul>

    <?php
    }
    ?>
    <input type="submit" name="submit" value="submit" /> 
    </form>
</body>

4

1 回答 1

1

这能解决你的 CSS 问题吗？http://jsfiddle.net/UPNYN/

只需修改您的 jQuery 以a向选择器添加一个：

$('.category_list li a').click(function(){
    $('.highlight').removeClass('highlight');
    $(this).addClass('highlight');
});

因为以前您的目标是其中li而不是a其中。

然后对您的 CSS 进行快速粗略的!importanthack：

.highlight {background-color:yellow!important;}
于 2013-05-15T14:16:05.890 回答