javascript - javascript 如何用交互的东西替换 html 输入的基本概念?

标签 javascript css comments

这是一个非常低级的概念性问题。

我有一个内容站点,用户可以在其中使用下拉表单对其他用户留下的评论进行评分,下拉表单有两个选项,+1 或 -1。

我想将其“转换”为一个漂亮的向上/向下箭头,就像 la reddit 评论一样。

我知道有一种方法可以通过 CSS + javascript 执行此操作,但我不明白该方法是什么以及它是如何工作的,所以我可以开始研究它。我究竟需要做什么才能将此下拉菜单变成赞成/反对投票小部件?

我不需要有关评论实际排名、评论算法或其他任何方面的帮助,我只想了解如何用更友好的东西替换此 UI 元素。

最佳答案

基本技术是使用 javascript 隐藏实际的表单元素(可能通过设置 display:none 样式),然后通过 DOM 操作方法添加您的小部件。然后,在向上/向下箭头上设置 onclicks 以更新隐藏表单元素的值,每次增加/减少 1。

关于javascript - javascript 如何用交互的东西替换 html 输入的基本概念?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1244191/

相关文章:

javascript - 寻找一两个与锁定和更新调度相关的 Node 模块

PHP函数注释

php - 从 JSON 数据中删除注释

html - 添加填充以选择,但不添加选项标签

ios - 正则表达式在 XCode 中查找注释代码

javascript - ckeditor 将事件处理程序添加到对话框元素

javascript - 如何在javaScript中对两个元素求和

javascript - 计算 safari 和 chrome 中 svg 路径的 getBBox() 中包含的控制点

html - html/css 的页脚格式和间距问题

javascript - 根据内容改变父div的宽度