LoginSignup
0
0

More than 5 years have passed since last update.

Materialize / Flaskでタグ(chips)を配列でPOSTする方法

Last updated at Posted at 2018-05-10

CSSフレームワークのMaterializeのChipsを使うと簡単にタグの実装ができて便利です。
投稿ページなどでchipsを実装し、それをサーバー(今回は簡易的にFlask)
にPOSTする方法のメモです。

クライアント側

// 流れ
// 1. chipsのDOM(例では.chips)からデータを取得
// 2. input type="hidden"にタグのデータを追加

var tagData = $('.chips').material_chip('data');
if (tagData.length > 0) {
  for (var i = 0; i < tagData.length; i++) {
    $('form').append('<input type="hidden" name="tags" value="' + tagData[i].tag + '" />');
  }
}

サーバー側

## Flask側
@app.route('/submit', methods=['POST'])
def submit():
    tags = request.form.getlist('tags') # tagsにタグが配列で入る
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0