お世話になります。
ここ、teratailの質問投稿時に選択するタグ入力のように、事前に登録されたワードを登録する仕組みを実装したく、比較的近い動きをする、Jqueryプラグイン「tagit」を他のjavascriptに影響するので動作確認するまで時間がかかったものの、試行錯誤ながら設置いたしました。
<!DOCTYPE html> <html lang="ja"> <head> <script src="https://code.jquery.com/jquery-1.9.1.js"></script> <link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery.tagit.css"> <script type="text/javascript" src="js/tag-it.min.js"></script> <script type="text/javascript"> $(document).ready( function(){ $(".myTags").tagit({ singleField: true, availableTags: ['php', 'ruby', 'react', 'reactNative', 'laravel'] }); }); </script> </head> <body> <div class="search-area-colum form-contents"> <input type="text" class="myTags" value="" name="tags"> </div> </body>
上記は参考サイト
https://qiita.com/tomokitk/items/6d5ad1241a352eda3571
に掲載のあるソースを一部修正したものですが、今回ご教示願いたいのが、テキストフォーム部分のname属性です。この部分。
<input type="text" class="myTags" value="" name="tags">
1つのフォームであれば問題ないのですが、複数のフォームを設置する場合、name属性を複数設定したくても、現状ではname="tags"を変えると、プラグインが機能してくれません。
お恥ずかしい質問だと自覚していますが、どこをどう変更したらいいのか分からず、質問した次第です。
お忙しい中恐縮ですが、アドバイスのほど、よろしくお願いいたします。
■追記
公式サイトのURLです。kei344さんからご指摘いただき掲載いたします。失礼いたしました。
http://aehlke.github.io/tag-it/
https://github.com/aehlke/tag-it
■追記2
m.ts10806さんからのアドバイスにて、nameをtag[]とすることでデータを拾う事まで確認できました。アドバイスをありがとうございます。
ただ、可能であれば、全く別の名称を与えたいと考えております。
回答1件
あなたの回答
tips
プレビュー