Jquery Tokeninput IDの代わりに名前を取得する方法

Question

私はそれを呼び出そうとしましたが、何も返されないようです。何か間違っていますか？

 <script type="text/javascript"> 
      $(document).ready(function() { 
       $("input[type=button]").click(function() { 
        alert("Would submit: " + $(this).siblings("input[type=text]").val()); 
       }); 
      }); 


    $(document).ready(function() { 
    $("#button1").click(function() { 


        var abc = $('#demo-input-local').tokenInput("get"); 
        alert(abc); 
        alert(abc[7].name); 

     var inputval =$(this).siblings("input[type=text]").val(); 
     alert("inputval " +inputval); 

alert(abc[inputval].name); 

     $("#some-text").focusEnd(); 

     $('#some-text').val($('#some-text').val()+' ' + inputval); 

    }); 
    }); 

      </script> 

    <label> Enter Phone or Email or http: </label><input type="text" id="demo-input-local" name="blah" /><input type="button" id="button1" value="Submit" /> 
             <script type="text/javascript"> 
              $(document).ready(function() { 
               $("#demo-input-local").tokenInput([ 
               { id: 7, name: "john.doe@uhc.com", "value": "@" , "prefix": "Email1"}, 
               { id: 11, name: "j.doe@uhc.com", "value": "@" ,"prefix": "Email2"}, 
               { id: 13, name: "nancy.doe@uhc.com", "value": "@" ,"prefix": "Email3"}, 
               { id: 17, name: "liz.d@uhc.com", "value": "@", "prefix": "Email4" }, 
               { id: 19, name: "joe.doe@uhc.com", "value": "@", "prefix": "Email5" }, 
               { id: 23, name: "www.C#.com", "value": "http", "prefix": "Website1" }, 
               { id: 29, name: "www.C.com", "value": "http", "prefix": "Website2" }, 
               { id: 31, name: "www.Fortran.com", "value": "http", "prefix": "Website3" }, 
               { id: 37, name: "www.VisualBasic.com", "value": "http", "prefix": "Website4" }, 
               { id: 41, name: "www.DoC.com", "value": "http", "prefix": "Website5" }, 
               { id: 43, name: "www.C++.com", "value": "http" , "prefix": "Website6"}, 
               { id: 47, name: "www.Java.com", "value": "http" , "prefix": "Website7"}, 
               { id: 37, name: "111-111-1111", "value": "#", "prefix": "Phone1" }, 
               { id: 41, name: "222-222-2222", "value": "#", "prefix": "Phone2" }, 
               { id: 43, name: "333-333-3333", "value": "#" , "prefix": "Phone3"}, 
               { id: 47, name: "555-555-5555", "value": "#" , "prefix": "Phone4"} 


              ], { 
               theme: "facebook", 

               propertyToSearch: "value", 
               hintText: "Type '@' for email or 'http' for website or '#' for phone", 
               tokenFormatter: function (item) { return "<li><p>" + item.prefix + "</p></li>" }, 
               resultsFormatter: function (item) { return "<li>" + item.prefix +" "+ item.name + "</li>" } 
              }); 
              }); 
             </script> 
            </div> 

Answer 1

さらに、これを試してください実際にサブミットされた値はカンマで区切られたIDのリストになります。

上記は非常に未加工のアプローチです。同様に、ABCによって指摘された.tokenInput("get");メソッドによって返された配列をループすることもできます。 ABCが言うことを想定して

約 .tokenInput("get");、これは動作するはずその後、正しいこと：

のjavascript：

$("input[type=button]").click(function() { 
    var arr = $(this).siblings("input[type=text]").tokenInput("get");//Returns (we think) an array of objects 
    var names = []; 
    $.each(arr, function(i, obj){ 
     names.push(obj.name);//build an array of just the names 
    }); 
    alert("Names are: " + names.join()); 
}); 

Answer 2

親愛なるあなたがオブジェクト

selector.tokenInput("get"); 

を取得するためにtokenInput独自のメソッドを使用しない理由は、あなたがID {各項目は一種の対象である（tokeninputから選ばれたトークンの配列を取得する方法です：x、name：y}）。私の知る限り、言うことができるように、

$(document).ready(function() { 
    $("input[type=button]").click(function() { 
     var names = []; 
     $(this).siblings("ul").find('li p').each(function(){ 
      names.push($(this).html()); 
      //names.push($(this).text());//possibly better 
     }); 
     alert("Names are: " + names.join()); 
    }); 
}); 

をしかし：

JavaScriptを：あなただけの名のカンマ区切りリストを警告する場合

var abc = selector.tokenInput("get"); 
abc[0].id; // for first array element 
abc[0].name