文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在本地使用selectize.js？

问如何在本地使用selectize.js？
EN

Stack Overflow用户

提问于 2020-11-17 08:03:04

回答 1查看 924关注 0票数 1

我正在使用一个select表单动态加载到一个引导模式中。我使用selectize.js使这个选择可搜索。有人能告诉我如何在本地机器上使用selectize.js吗？(我不想每次从Internet选择图书馆加载.)

My "index.php“文件

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css">


    <link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css"> <!-- locally -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> <!-- locally -->
    <script src="bootstrap/js/bootstrap.min.js"></script> <!-- locally -->
</head>
<body>
  

<button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-backdrop="static" data-target="#myModal" onClick="fillModal();">Open Modal</button>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">MyModal Test</h4>
      </div>
      <div class="modal-body"></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div><!-- Modal End -->


<script>
function fillModal() {
    $(".modal-body").empty().load("select.php", function(){
        $('select').selectize({
            sortField: 'text'
        });
    });
}
</script>
</body>
</html>

My "select.php“文件

<?php
echo '<select id="select-state" placeholder="Pick a state..." style="width:350px" required>';
echo '    <option value="">Select a state...</option>';
echo '    <option value="AL">Alabama</option>';
echo '    <option value="AK">Alaska</option>';
echo '    <option value="AZ">Arizona</option>';
echo '    <option value="AR">Arkansas</option>';
echo '    <option value="CA">California</option>';
echo '    <option value="CO">Colorado</option>';
echo '    <option value="CT">Connecticut</option>';
echo '    <option value="DE">Delaware</option>';
echo '    <option value="DC">District of Columbia</option>';
echo '    <option value="FL">Florida</option>';
echo '    <option value="GA">Georgia</option>';
echo '    <option value="HI">Hawaii</option>';
echo '    <option value="ID">Idaho</option>';
echo '    <option value="IL">Illinois</option>';
echo '    <option value="IN">Indiana</option>';
echo '</select>';
?>

php

jquery

bootstrap-modal

selectize.js

回答 1

Stack Overflow用户

发布于 2020-11-17 17:41:48

我解决了我的问题。我下载了必要的文件，并将它们全部放入名为“include”的目录中，顺序是依赖于包含文件。你的头部部分一定是这样的：

<head>
<script src="includes/jquery.min.js"></script>
<script src="includes/selectize.min.js"></script>
<link rel="stylesheet" href="includes/selectize.bootstrap3.min.css">
</head>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64871371

复制

相似问题

问如何在本地使用selectize.js？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在本地使用selectize.js？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在本地使用selectize.js？
EN