Question

我想在html输入标签中添加国家/地区标志，是的，bootstrap帮助程序可以做到。但是我不知道如何添加链接和脚本来解决我的问题。有什么帮助吗？

Answer 1

这就是您需要的

只有Bootstrap和Jquery无法做到这一点，https://github.com/mojoaxel/bootstrap-select-country/releases/tag/v3.1.0是一个Jquery插件，用于使用国家/地区名称和标志填充Select

这是完整的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Bootstrap Select Country</title>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">
    <link rel="stylesheet" href="//mojoaxel.github.io/bootstrap-select-country/dist/css/bootstrap-select-country.min.css">
</head>
<body>
    <form action="">
        <select class="selectpicker countrypicker" data-flag="true" ></select>
    </form>

    <script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>
    <script src="//mojoaxel.github.io/bootstrap-select-country/dist/js/bootstrap-select-country.min.js"></script>
</body>
</html>

如何在html输入标签中添加国家标志？

1 个答案: