Question

我被困在我的代码中，我需要为各州执行自动填充功能。我已经放了脚本库，没有检测到控制台错误。所以我该怎么做。有任何建议。

这是我的代码： Jquery的：

$('document').ready(function(){
    var states = [
        "Alabana",
        "Alaska",
        "Arizona",
        "Arkansas",
        "California"];

    $('.mdb-autocomplete').autocomplete({
        source:states
    });
      });

HTML：

<form method="post" name="quickmsg" id="quickmsg">
 <!-- Modal Subscription -->
<div class="modal fade modal-ext" id="modal-subscription" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <!--Content-->
        <div class="modal-content">
            <!--Header-->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">MessageBox </h4>
            </div>
            <!--Body-->
            <div class="modal-body">
                <p></p>
                <br>
                <div class="md-form">
                    <i class="fa fa-user prefix"></i>
                    <input type="search" id="form22" name="State" class="form-control mdb-autocomplete">
                    <label for="form22">State name</label>
                </div>

                <div class="md-form">
                    <i class="fa fa-envelope prefix"></i>
                    <input type="text" id="form32" name="Message" class="form-control">
                    <label for="form32">Your Message</label>
                </div>

                <div class="text-xs-center">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </div>
            <!--Footer-->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
        <!--/.Content-->
    </div>
</div>
</form>

谢谢!!!

Answer 1

这里是工作jsfiddle演示，你可以在其中写一个，它显示相关的“一个”状态..请检查并添加ui js和css。

demo

const wchar_t*

在jquery和min js之后添加此脚本。 //code.jquery.com/ui/1.11.4/jquery-ui.js

自动完成功能不起作用

1 个答案: