Javascript 我应该如何构建隐私下拉(选择)菜单?

Javascript 我应该如何构建隐私下拉(选择)菜单?,javascript,forms,select,drop-down-menu,Javascript,Forms,Select,Drop Down Menu,我正在尝试构建类似于Facebook隐私选择菜单的东西,只是没有“自定义”选项。它只会列出一些选项,如“向所有人显示”、“仅向朋友显示”或“完全隐藏”。现在,我正在考虑使用简单的JavaScript将一个隐藏的输入字段更改为他们单击的新值,因此如果他们单击“仅向朋友显示”的分区,它会将相应的字段更改为1,例如“email_privacy”。有没有更好的方法来做这件事,或者我已经走上正轨了 另外,我不打算使用select元素,我计划使用CSS构建一个自定义下拉菜单,因为select元素是高度不可自

我正在尝试构建类似于Facebook隐私选择菜单的东西,只是没有“自定义”选项。它只会列出一些选项,如“向所有人显示”、“仅向朋友显示”或“完全隐藏”。现在,我正在考虑使用简单的JavaScript将一个隐藏的输入字段更改为他们单击的新值,因此如果他们单击“仅向朋友显示”的分区,它会将相应的字段更改为1,例如“email_privacy”。有没有更好的方法来做这件事,或者我已经走上正轨了

另外,我不打算使用select元素,我计划使用CSS构建一个自定义下拉菜单,因为select元素是高度不可自定义的。我这样做是为了节省空间,而不是在右边有一个巨大的选择菜单,它占用了大量的空间


注意:我对使用jQuery并不感兴趣,那只是额外的库和我不想加载的垃圾。我可以用JavaScript轻松地完成这项工作,因此我不妨使用它。

听起来你的思路是对的。如果您计划在用户单击包含(除其他外)隐私值的提交按钮时发布帖子,那么您需要以某种方式将其打包到帖子数据中,而隐藏字段是一种方式

或者,如果您对使用jQuery感兴趣(我知道您说您不是在使用jQuery,只是将它放在那里),您可以执行异步POST请求,将任意数据(例如,在本例中是隐私设置)与jQuery一起传递,而无需将其“复制”到隐藏字段中

不过,这两种选择都很管用