Javascript动态下拉菜单我也可以在按钮中看到它
我正在动态创建开始和结束时间下拉字段。我的应用程序中还有一个删除链接字段。但是当我使用“tab”键时，我也可以看到删除按钮中的下拉菜单。我应该如何避免删除按钮中的下拉菜单。我应该如何摆脱删除按钮中的时间选择器下拉菜单
我的脚本是
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"
id="bootstrap-css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div>
<input class="btn btn-link" onclick="addtextbox()" type="button" value="Add">
</div>
<div id="ToolsGroup">
</div>
</div>
<script>
var count = 0;
function addtextbox() {
var newTextBoxDiv = document.createElement('div');
newTextBoxDiv.id = 'Tools';
document.getElementById("ToolsGroup").appendChild(newTextBoxDiv);
});
};
我尝试提供 ("#form -group").timpicker 而不是 ("#tools input").timepicker ，但这不起作用。我尝试将删除按钮类更改为“btn btn-link”。但这不起作用。我应该怎么做？如果我使用鼠标，我在“删除”按钮中看不到时间下拉菜单。如果我使用选项卡，我会看到下拉菜单。有人可以帮我摆脱删除按钮中的下拉菜单吗？
慕虎73712781回答
-
米脂
只需明确定义时间的输入类型就可以了$('#Tools input[type=time]').timepicker({ timeFormat: 'HH:mm', interval: 30, use24hours: true, scrollbar: true,});
随时随地看视频慕课网APP
相关分类
Html5