数据库中的工具提示列表框

时间:2014-04-01 18:10:46

标签: php html database tooltip

我有一个列表框。我的列表框显示了数据库中的所有 ID ,但我想创建一个列表框,当我鼠标悬停时,工具提示会显示与数据库中的ID关联的名称。这是我的列表框的代码:

$pdo = new PDO('mysql:host=localhost;dbname=ohmega', 'zabbix', 'lol');
        #Set Error Mode to ERRMODE_EXCEPTION.
        $pdo->setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);  
        $stmt = $pdo->prepare('Select * from taches');
        $stmt->execute();

                ?>  
                <span id="productSKUHelp" class="helpTip questionMark"></span>




                    <select id="tache" name="tache">        
                    <?php

                        $stmt->execute();
                        while($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
                            echo '<option>'.$row['tacId'].'</option>';
                        }
                    ?>
                    </select> 

那么如何将工具提示与我列表框的ID相关联?

1 个答案:

答案 0 :(得分:0)

假设您已生成以下选择选项;

<select multiple class="tooltip">
    <option title="potato">1</option>
    <option title="tomato">3</option>
    <option title="apple">40</option>
    <option title="strawberry">100</option>
</select>

您可以使用以下js;

$(".tooltip").tooltip();

以下是工作演示: jsfiddle