Question

我有一个回显数据库值的脚本，让我突出显示它们。我有两个问题。第一个是值是按钮，而高亮颜色是整个区域。我不能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>

Answer 1

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

只需修改jQuery即可向选择器添加a：

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

因为之前您定位的是li而不是a。

然后快速粗略准备!important黑客攻击你的CSS：

.highlight {background-color:yellow!important;}

选择行更新数据库后

1 个答案: