2016-09-18 2 views
2

MaterializeCSSチップからデータを取得する必要がありますが、わかりません。Materialize CSSチップからデータを取得

$('.chips-placeholder').material_chip({ 
 
    placeholder: 'Stanici přidíte stisknutím klávesy enter', 
 
    secondaryPlaceholder: '+Přidat', 
 
}); 
 

 
function Show(){ 
 
    var data = $('.chips-placeholder').material_chip('data'); 
 
    document.write(data); 
 
}
<!--Added external styles and scripts--> 
 
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css"> 
 
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
 

 
<!--Html body--> 
 

 
<div class="chips chips-placeholder"></div> 
 
<button onclick="Show()" type="button">Show</button>

助けてくれてありがとう。あなただけのこれをしなければならないデータのチップにアクセスするので、

+0

私の英語のために申し訳ありません。 –

+0

コードから何が起こるか、実際に何が起こるかを記述してください。このコードはあなたの問題を再現するのに十分であると思われます(私の編集を確認してください:スニペットは結果を見ることができますが、必要なコードがすべてある場合にのみ意味があります) – YakovL

+0

Javascript write [object Object] 、[オブジェクトオブジェクト]、...そして、彼はチップの内容を書くかもしれない、[オブジェクトオブジェクト]、... –

答えて

8

、:

var data= $('#id of your chips div').material_chip('data'); 
alert(data[0].tag);` 

'0'(0、1、2、3、...)

IndexOfのあなたのデータであり、

'タグ'はチップのコンテンツで、 '.id'でデータのIDを取得することもできます

関連する問題