jquery tokeninput中的未定义错误

时间:2015-03-15 15:13:22

标签: php jquery jquery-tokeninput

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

demo点击提交按钮时,它会提醒:“会提交:”和值。我在我的网站上也做了同样的事情并提醒:"would submit: undefined"

my 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>

1 个答案:

答案 0 :(得分: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">