jQuery를 사용하여 태그에서 값을 가져 오지 못했습니다.

양식의 태그 값을 가져 오려고했지만 시도 할 수 없습니다. jquery http://aehlke.github.io/tag-it/입니다.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"]; ?>

자바 스크립트

$(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 
}); 

});

출처

2017-05-05 Daksh B

그리고 문제/질문은 무엇입니까? -> [좋은 질문을하는 방법은 무엇입니까?] ( – Andreas

다시 한 번 input 형태 요소 & 검사에서 해당 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"]; ?>

여기 내 전체 코드가 있습니다. 이것을 확인하십시오.

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

출처

2017-05-05 06:32:44 mi6crazyheart

... 작동하지 않습니다. –

제 경우에는 "input name ="tags "id ="mySingleField "value ="Apple, Orange "disabled ="false ">"''ealier one으로 바꾸고 제출 버튼을 클릭하면됩니다. 내 POST 요청에있는 태그. – mi6crazyheart

동일한 코드를 복사하고 이전 코드를이 코드로 바꿨지 만 결과가 없습니다. –

jQuery를 사용하여 태그에서 값을 가져 오지 못했습니다.

답변

관련 문제