我在下拉菜单中创建了一个智能搜索组件.应允许用户在下拉列表中进行搜索,具体取决于在菜单中提供的input = text中输入的值.
但是当我点击输入时,菜单会关闭.我也试过使用preventDefault,但它仍然没有用.
HTML:
<input type="text" readonly="readonly" value="">
<button class="btn i dropdown-toggle" data-toggle="dropdown"> <i class="caret-down"></i>
</button>
<div class="dropdown-menu smart">
<input type="text" placeholder="Search">
<ul class="search-options">
<li><a href="#">Something</span></a>
</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
JS:
// jQuery to prevent default close
$('body').on('click', '.dropdown-menu.smart input', function (event) {
event.preventDefault();
});
Run Code Online (Sandbox Code Playgroud) 我有一个要求,其中我们必须在 pdf 文件中显示图表和一些参数(日期、名称等)。用户应该能够根据用户选择的数据修改图表。
我看过一些例子https://www.youtube.com/watch?v=Z5bdBeFwNCU但不确定这些是如何生成的。
任何指针都受到高度赞赏。此外,我是一名 Java 脚本开发人员,所以如果 JS 中有任何解决方案,我会更容易遵循