最近博主在学习flask的时候写测试平台，遇到了一个常见的场景，如下图所示

有一个输入框组，下拉菜单有三个选项，还有一个输入框。代码是用bootstrap编写的，代码是为每个人发布的

Div class=' input-group-BTN '按钮类型=' button ' class=' btnbtn-default drop down-toggle ' data-toggle=' drop down '项目名称span class=' caret '/span/button ul id=' project ' class=' drop down-menu ' Li值=' account ' a href=' # ' rel=' external nofollow ' rel=' external nofollow '帐户/a/Li class=' divider '/Li Li值=' drive ' a href=' # ' rel=' external nofollow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' Qin/a/Li/ul/div我的目的是当我在这个下拉菜单中点击一个选项时，自动获取该值，并将其填入输入中，这样就省去了用户在以前版本中只能手动键入一个输入的麻烦。 怎么做同步，当然是用js做一个监控，这也是比较简单的。

$('#project ')。on('click '，' li '，function(){ $('#proname ')。val($(this)。text())；});该代码的含义是监控ul的点击事件。对象是下面的li元素。当您单击li时，您会获得li中的文本，并将其分配给输入框中的值。效果如下。

以上点击下拉菜单将选中内容同步到输入框的JS实现示例，都是边肖分享的内容，希望能给大家一个参考和支持。