jQueryのtokenInputプラグインを使用するには、<select multiple = "multiple">？

"multiple" select要素にtokenInputプラグインを適用しました。ただし、複数のトークンを追加してフォームを送信すると、最後のトークンのオプション値のみが送信されます。 ChromeとFirebugのドキュメントインスペクタは、 'selected = "selected"属性が適切に適用され、削除されていることを示しています。私は以下を持っています：jQueryのtokenInputプラグインを使用するには、<select multiple = "multiple">？

<!DOCTYPE html> 
<html> 
<head> 
    <link href="stylesheets/token-input.css" media="screen" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
    <script src="javascripts/jquery.tokeninput.js" type="text/javascript"></script> 
<head> 
<body> 
    <form action="" method="get"> 
    <select id="project_ids" multiple="multiple" name="project[ids][]"> 
     <option value="any">(Any)</option> 
     <option value="blanks">(Blanks)</option> 
     <option value="1">Project A</option> 
     <option value="2">Project B</option> 
     <option value="3">Project C</option></select> 
    </select> 
    <input type="submit" value="Submit" /> 
    </form> 
    <script> 
    $(function() { 
     $("#project_ids").tokenInput(
     [{"id":"any","name":"&lt;Any&gt;"},{"id":"blanks","name":"&lt;Blanks&gt;"},{"id":1,"name":"Project A"},{"id":2,"name":"Project B"},{"id":3,"name":"Project C"}], 
     {preventDuplicates: true, 
     onAdd: function(item) { $(this).find('option[value="'+item.id+'"]').attr("selected",true); }, 
     onDelete: function(item) { $(this).find('option[value="'+item.id+'"]').attr("selected",false); } 
     } 
    ); 
    }); 
    </script> 
</body> 
</html>

私は何を変更する必要がありますか？ありがとう！

PS。 The tokenInput files are here.

出典

2011-10-25 robertwbradford