javascript - 数组中的工具提示/悬停文本

标签 javascript html css

我正在尝试在列表菜单中显示工具提示或悬停文本,如果用户选择该值,则会提供其他文本。是否可以 ?由于数据当前存储在硬编码数组中。

Code:
<select name="Interests" id="Interests">
 <?php $arr = array('', 'cycling', 'badminton', 'jetskiing', 'ice-skating');
 for($i = 0; $i < count($arr); $i++)
 {
    echo "<option value=\"{$arr[$i]}\" {$selected}>{$arr[$i]}</option>\n"; 
 }
?>
</select>

因此,如果我选择循环,列表菜单上应该会出现文本。好心提醒。谢谢!

最佳答案

您尝试做的不是用 PHP 实现的东西,而是用 Javascript 实现的。 PHP 涉及在服务器端 上运行的代码,不处理 DOM 元素或客户端 组件,例如您希望的悬停文本/工具提示加载。 Javascript 在服务器端 代码被压缩后由浏览器解析,并将在立即加载后处理对页面的其他更改。

我建议您考虑学习(或使用,如果熟悉的话)jQuery,因为它将帮助您完成任务。它是一个 Javascript 库,具有简化的绑定(bind)以便于使用。有很棒的文档和许多每天都在使用的插件。

引用:http://jquery.com/

祝你好运!

关于javascript - 数组中的工具提示/悬停文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11416584/

相关文章:

JavaScript 不断重新加载我的页面

html - Safari 似乎不知道 border-top 和 border-bottom 之间的区别

css - 使用 map 信息删除由 div 创建的换行符

css - 单击元素时仅关注 contenteditable?

javascript - 如何使用 dc.js 在饼图中心显示值

javascript - 使用 jQuery 向下滑动一个 div,向上滑动其他可见的 div(基于内容的滑动导航)

javascript - 如何从node js post ajax请求中读取数据?

html - Firefox 没有正确显示背景

css - 免费的 CSS UI 模板

css - 使用相机插件后设置运行时背景图像 - ionic3