Javascript 无法使用jQuery从标记中获取值

我一直在尝试获取表单中标记的值，但无法获取。这是jquery

Index.php

<form>
    <p> Normally this input field will be hidden &mdash; we leave it visible here so you can see how it is manipulated by the widget:
        <input name="tags" id="mySingleField" value="Apple, Orange" disabled="true">
    </p>
    <ul id="singleFieldTags"></ul>
    <input type="submit" value="Submit">
</form>
<?php echo $_POST["tags"]; ?>

通常，此输入字段将被隐藏&mdash；我们让它在这里可见，这样您就可以看到小部件是如何操纵它的：

Javascript

 $(function(){
 var sampleTags = ['c++', 'java', 'php', 'coldfusion', 'javascript', 'asp', 'ruby', 'python', 'c', 'scala', 'groovy', 'haskell', 'perl', 'erlang', 'apl', 'cobol', 'go', 'lua'];

//-------------------------------
// Minimal
//-------------------------------
$('#myTags').tagit();

//-------------------------------
// Single field
//-------------------------------
$('#singleFieldTags').tagit({
    availableTags: sampleTags,
    // This will make Tag-it submit a single form value, as a comma-delimited field.
    singleField: true,
    singleFieldNode: $('#mySingleField')
});

// singleFieldTags2 is an INPUT element, rather than a UL as in the other 
// examples, so it automatically defaults to singleField.
$('#singleFieldTags2').tagit({
    availableTags: sampleTags
});

//-------------------------------
// Preloading data in markup
//-------------------------------
$('#myULTags').tagit({
    availableTags: sampleTags, // this param is of course optional. it's for autocomplete.
    // configure the name of the input field (will be submitted with form), default: item[tags]
    itemName: 'item',
    fieldName: 'tags'
});

//-------------------------------
// Tag events
//-------------------------------
var eventTags = $('#eventTags');

var addEvent = function(text) {
    $('#events_container').append(text + '<br>');
};

eventTags.tagit({
    availableTags: sampleTags,
    beforeTagAdded: function(evt, ui) {
        if (!ui.duringInitialization) {
            addEvent('beforeTagAdded: ' + eventTags.tagit('tagLabel', ui.tag));
        }
    },
    afterTagAdded: function(evt, ui) {
        if (!ui.duringInitialization) {
            addEvent('afterTagAdded: ' + eventTags.tagit('tagLabel', ui.tag));
        }
    },
    beforeTagRemoved: function(evt, ui) {
        addEvent('beforeTagRemoved: ' + eventTags.tagit('tagLabel', ui.tag));
    },
    afterTagRemoved: function(evt, ui) {
        addEvent('afterTagRemoved: ' + eventTags.tagit('tagLabel', ui.tag));
    },
    onTagClicked: function(evt, ui) {
        addEvent('onTagClicked: ' + eventTags.tagit('tagLabel', ui.tag));
    },
    onTagExists: function(evt, ui) {
        addEvent('onTagExists: ' + eventTags.tagit('tagLabel', ui.existingTag));
    }
});

//-------------------------------
// Read-only
//-------------------------------
$('#readOnlyTags').tagit({
    readOnly: true
});

//-------------------------------
// Tag-it methods
//-------------------------------
$('#methodTags').tagit({
    availableTags: sampleTags
});

//-------------------------------
// Allow spaces without quotes.
//-------------------------------
$('#allowSpacesTags').tagit({
    availableTags: sampleTags,
    allowSpaces: true
});

//-------------------------------
// Remove confirmation
//-------------------------------
$('#removeConfirmationTags').tagit({
    availableTags: sampleTags,
    removeConfirmation: true
});

 }); 

$（函数（）{
var sampleTags=['c++'、'java'、'php'、'coldfusion'、'javascript'、'asp'、'ruby'、'python'、'c'、'scala'、'groovy'、'haskell'、'perl'、'erlang'、'apl'、'cobol'、'go'、'lua']；
//-------------------------------
//极小的
//-------------------------------
$（'#myTags'）.tagit（）；
//-------------------------------
//单场
//-------------------------------
$（“#singleFieldTags”）.tagit({
可用标签：样本标签，
//这将使标记提交单个表单值，作为逗号分隔的字段。
单字段：对，
singleFieldNode:$（“#mySingleField”）
});
//singleFieldTags2是一个输入元素，而不是另一个元素中的UL
//示例，因此它自动默认为单字段。
$（'#singleFieldTags2'）。tagit({
可用标签：样本标签
});
//-------------------------------
//在标记中预加载数据
//-------------------------------
$（“#myULTags”）.tagit({
availableTags:sampleTags，//此参数当然是可选的。它用于自动完成。
//配置输入字段的名称（将与表单一起提交），默认值：项[标记]
itemName:'项目'，
字段名：“标记”
});
//-------------------------------
//标记事件
//-------------------------------
var eventTags=$（“#eventTags”）；
var addEvent=函数（文本）{
$（“#事件_容器”）。追加（text+”
”；
};
eventTags.tagit({
可用标签：样本标签，
添加之前：函数（evt、ui）{
如果（！ui.duringInitialization）{
addEvent（'beforeTagAdded:'+eventTags.tagit（'tagLabel'，ui.tag））；
}
},
后加：函数（evt、ui）{
如果（！ui.duringInitialization）{
addEvent（'Aftertaged:'+eventTags.tagit（'tagLabel'，ui.tag））；
}
},
删除之前：函数（evt、ui）{
addEvent（'beforeTagRemoved:'+eventTags.tagit（'tagLabel'，ui.tag））；
},
后处理删除：函数（evt、ui）{
addEvent（'PostAgremoved:'+eventTags.tagit（'tagLabel'，ui.tag））；
},
onTagClicked：函数（evt、ui）{
addEvent（'onTagClicked:'+eventTags.tagit（'tagLabel'，ui.tag））；
},
onTagExists：函数（evt、ui）{
addEvent（'onTagExists:'+eventTags.tagit（'tagLabel'，ui.existingTag））；
}
});
//-------------------------------
//只读
//-------------------------------
$（“#只读标签”）.tagit({
只读：正确
});
//-------------------------------
//标记it方法
//-------------------------------
$（'#methodTags'）。tagit({
可用标签：样本标签
});
//-------------------------------
//允许不带引号的空格。
//-------------------------------
$（'allowSpacesTags'）。tagit({
可用标签：样本标签，
allowSpaces：true
});
//-------------------------------
//删除确认
//-------------------------------
$（'#removeConfimationTags'）.tagit({
可用标签：样本标签，
Remove确认：真
});
}); 

从

输入

表单元素中删除该

disabled=“true”

，并再次检查

使用以下零件代码代替您的零件代码并检查

<form action="" method="post">
    <p> Normally this input field will be hidden &mdash; we leave it visible here so you can see how it is manipulated by the widget:
        <input name="tags" id="mySingleField" value="Apple, Orange">
    </p>
    <ul id="singleFieldTags"></ul>
    <input type="submit" value="Submit">
</form>
<?php echo $_POST["tags"]; ?>

通常，此输入字段将被隐藏&mdash；我们让它在这里可见，这样您就可以看到小部件是如何操纵它的：

好的，这是我的全部代码。检查此项。

<?php
error_reporting(E_ALL);
ini_set('display_errors', '1');
?>

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="tagit/js/tag-it.js" type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">
<link href="tagit/css/jquery.tagit.css" rel="stylesheet" type="text/css">

<script type="text/javascript">

$(function(){
     var sampleTags = ['c++', 'java', 'php', 'coldfusion', 'javascript', 'asp', 'ruby', 'python', 'c', 'scala', 'groovy', 'haskell', 'perl', 'erlang', 'apl', 'cobol', 'go', 'lua'];

    //-------------------------------
    // Minimal
    //-------------------------------
    $('#myTags').tagit();

    //-------------------------------
    // Single field
    //-------------------------------
    $('#singleFieldTags').tagit({
        availableTags: sampleTags,
        // This will make Tag-it submit a single form value, as a comma-delimited field.
        singleField: true,
        singleFieldNode: $('#mySingleField')
    });

    // singleFieldTags2 is an INPUT element, rather than a UL as in the other
    // examples, so it automatically defaults to singleField.
    $('#singleFieldTags2').tagit({
        availableTags: sampleTags
    });

    //-------------------------------
    // Preloading data in markup
    //-------------------------------
    $('#myULTags').tagit({
        availableTags: sampleTags, // this param is of course optional. it's for autocomplete.
        // configure the name of the input field (will be submitted with form), default: item[tags]
        itemName: 'item',
        fieldName: 'tags'
    });

    //-------------------------------
    // Tag events
    //-------------------------------
    var eventTags = $('#eventTags');

    var addEvent = function(text) {
        $('#events_container').append(text + '<br>');
    };

    eventTags.tagit({
        availableTags: sampleTags,
        beforeTagAdded: function(evt, ui) {
            if (!ui.duringInitialization) {
                addEvent('beforeTagAdded: ' + eventTags.tagit('tagLabel', ui.tag));
            }
        },
        afterTagAdded: function(evt, ui) {
            if (!ui.duringInitialization) {
                addEvent('afterTagAdded: ' + eventTags.tagit('tagLabel', ui.tag));
            }
        },
        beforeTagRemoved: function(evt, ui) {
            addEvent('beforeTagRemoved: ' + eventTags.tagit('tagLabel', ui.tag));
        },
        afterTagRemoved: function(evt, ui) {
            addEvent('afterTagRemoved: ' + eventTags.tagit('tagLabel', ui.tag));
        },
        onTagClicked: function(evt, ui) {
            addEvent('onTagClicked: ' + eventTags.tagit('tagLabel', ui.tag));
        },
        onTagExists: function(evt, ui) {
            addEvent('onTagExists: ' + eventTags.tagit('tagLabel', ui.existingTag));
        }
    });

    //-------------------------------
    // Read-only
    //-------------------------------
    $('#readOnlyTags').tagit({
        readOnly: true
    });

    //-------------------------------
    // Tag-it methods
    //-------------------------------
    $('#methodTags').tagit({
        availableTags: sampleTags
    });

    //-------------------------------
    // Allow spaces without quotes.
    //-------------------------------
    $('#allowSpacesTags').tagit({
        availableTags: sampleTags,
        allowSpaces: true
    });

    //-------------------------------
    // Remove confirmation
    //-------------------------------
    $('#removeConfirmationTags').tagit({
        availableTags: sampleTags,
        removeConfirmation: true
    });

});
</script>
</head>
<body>

    <form action="" method="post">
        <p> Normally this input field will be hidden &mdash; we leave it visible here so you can see how it is manipulated by the widget:
            <input name="tags" id="mySingleField" value="Apple, Orange">
        </p>
        <ul id="singleFieldTags"></ul>
        <input type="submit" value="Submit">
    </form>
    <?php echo $_POST["tags"]; ?>


</body>
</html>

$（函数（）{
var sampleTags=['c++'、'java'、'php'、'coldfusion'、'javascript'、'asp'、'ruby'、'python'、'c'、'scala'、'groovy'、'haskell'、'perl'、'erlang'、'apl'、'cobol'、'go'、'lua']；
//-------------------------------
//极小的
//-------------------------------
$（'#myTags'）.tagit（）；
//-------------------------------
//单场
//-------------------------------
$（“#singleFieldTags”）.tagit({
可用标签：样本标签，
//这将使标记提交单个表单值，作为逗号分隔的字段。
单字段：对，
singleFieldNode:$（“#mySingleField”）
});
//singleFieldTags2是一个输入元素，而不是另一个元素中的UL
//示例，因此它自动默认为单字段。
$（'#singleFieldTags2'）。tagit({
可用标签：样本标签
});
//-------------------------------
//在标记中预加载数据
//-------------------------------
$（“#myULTags”）.tagit({
availableTags:sampleTags，//此参数当然是可选的。它用于自动完成。
//配置输入字段的名称（将与表单一起提交），默认值：项[标记]
itemName:'项目'，
字段名：“标记”
});
//-------------------------------
//标记事件
//-------------------------------
var eventTags=$（“#eventTags”）；
var addEvent=函数（文本）{
$（“#事件_容器”）。追加（text+”
”；
};
eventTags.tagit({
可用标签：样本标签，
添加之前：函数（evt、ui）{
如果（！ui.duringInitialization）{
addEvent（'beforeTagAdded:'+eventTags.tagit（'tagLabel'，ui.tag））；
}
},
后加：函数（evt、ui）{
如果（！ui.duringInitialization）{
addEvent（'Aftertaged:'+eventTags.tagit（'tagLabel'，ui.tag））；
}
},
删除之前：函数（evt、ui）{
addEvent（'beforeTagRemoved:'+eventTags.tagit（'tagLabel'，ui.tag））；
},
后处理删除：函数（evt、ui）{
addEvent（'PostAgremoved:'+eventTags.tagit（'tagLabel'，ui.tag））；
},