javascript - 如何在外部文件中创建选择菜单并将其嵌入到 html 中以显示菜单

标签 javascript mysql css file external

我的网站有单独的成员(member)页面,但我有一个选择菜单,用于从一个成员(member)滚动到另一个成员(member)。我在每个页面的 html 中编码了选择菜单,但由于我的成员(member)不断增加,我需要一个更好的解决方案。

我需要能够在单独的文件中创建相同的选择菜单,并且能够在选择跳转到另一个成员(member)页面时将其嵌入到我需要的正文中,这样我所要做的就是改变/更新外部文件,这将对所有成员(member)页面完成。

我研究过 javascripting 和 mysqling,但找不到(在 youtube 上)可以准确帮助我完成所需的代码。

我的典型选择代码

//(选择…… //(option value="http:www.website-Profile-blahblah.html....等等。

我需要从外部文件中提取它以供全面使用,并将其放在正文中我需要的地方。

感谢您提供的任何帮助。

最佳答案

一般来说,这听起来像是您应该使用后端渲染引擎的东西。就选择而言,这是使用下拉菜单(例如 bootstrap 提供的菜单)的好地方,因为单击选择实际上不会将您移至另一页。 如果您不想使用/不能使用后端渲染引擎来渲染选项,我建议您查看 angular.js,它具有出色的 ng-repeat 和 ng-option 功能,可让您动态构建选择/dropdown 包含任意数量的用户。

angular ng-repeat 页面:https://docs.angularjs.org/api/ng/directive/ngRepeat

引导下拉列表:http://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp (注意 a 标签可以直接转到用户页面)

关于javascript - 如何在外部文件中创建选择菜单并将其嵌入到 html 中以显示菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36729917/

相关文章:

css - 边框不透明度渐变

javascript - CSS 设置避免在单击时出现上传弹出窗口

mysql - LoopBack 4 REST API 使用 Mysql 获取记录的示例

php - 实现我的第一个 PHP 模型

php - MySQL:获取推荐人花费最多的前 3 个推荐人

html - 重新加载页面后留在右侧选项卡

javascript - 是否有将 CommonJS 模块编译成单个 .js 文件的工具?

javascript - jQuery :checked not working with initial (HTML attribute) radio input

javascript - Android 上的 crossWalk cordova touchmove 性能问题

javascript - React JS 在状态中存储 id 数组