jquery 令牌输入中的未定义错误

Question

jQuery tokeninput returns null 值。当我提交表单时，$_POST[] 数组为空。

在 demo 中，当我单击提交按钮时，它会提醒："would submit:" 和值。我在我的身上做了同样的事情，它提醒："would submit: undefined".

我的 form.html :

<html>
<head>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.tokeninput.js"></script>
<link rel="stylesheet" href="token-input-facebook.css" type="text/css" />
<script type="text/javascript">
    $(document).ready(function() {
        $("input[type=button]").click(function () {
            alert("Would submit: " + $(this).siblings("input[type=text]").val());
        });
    });
    </script>

</head>
<body>
<form action="process.php" method="post">

                            <label for="title" class="control-label col-sm-2">Title(s) :</label>
                                <input name="title" id="title" class="form-control">
                                <input type="button" value="Submit" />
                                <script type="text/javascript">
        $(document).ready(function() {
            $("#title").tokenInput("gethint.php", {
                theme: "facebook",
                hintText: "Begin typing title ...",
                noResultsText: "No titlesfound",
                propertyToSearch: "title",
                tokenValue: "'id'",
                tokenDelimiter: ","
            });
        });
        </script>
</form>

</body>
</html>

process.php :

<?php
$titles = $_POST["title"];
?>
<html>
<body>
<?php
print_r($names);
?>
</body>
</html>

Answer 1

此处指定的 html 中没有 input[type=text] 元素：

alert("Would submit: " + $(this).siblings("input[type=text]").val());

将您的 html 更改为：

<input type="text" name="title" id="title" class="form-control">

jquery 令牌输入中的未定义错误

Undefined error in jquery tokeninput

php

jquery

jquery-tokeninput