猿问

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”。但这不起作用。我应该怎么做?如果我使用鼠标,我在“删除”按钮中看不到时间下拉菜单。如果我使用选项卡,我会看到下拉菜单。有人可以帮我摆脱删除按钮中的下拉菜单吗?


慕虎7371278
浏览 69回答 1
1回答

米脂

只需明确定义时间的输入类型就可以了$('#Tools input[type=time]').timepicker({&nbsp; &nbsp;timeFormat: 'HH:mm',&nbsp; &nbsp;interval: 30,&nbsp; &nbsp;use24hours: true,&nbsp; &nbsp;scrollbar: true,});
随时随地看视频慕课网APP

相关分类

Html5
我要回答