Question

我目前正在使用以下库： Bootstrap Tags

用户界面完美无缺。但我很困惑如何检索输入框内的所有值？（我想要用户输入的整个标签列表）并将该信息发送到服务器端。（首先我想使用javascript打印出来，然后使用post request发送到服务器）

$("input").val()
$("input").tagsinput('items') //this is giving me error message

这是我的代码：

 <!-- Textarea -->
                <div class="form-group">
                  <label class="col-md-3 control-label" for="textarea">Search Tags</label>
                  <div class="col-md-8">
                      <input class="form-control" id="tagTextarea" data-role="tagsinput" id="tagsInput" />
                  </div>
                </div>
                <script>
                    $('input').tagsinput({
                        trimValue: true

                    }

                    );
                    $('input').on('beforeItemAdd', function(event) {

                        // event.item: contains the item
                        // event.cancel: set to true to prevent the item getting added
                       //Now how do i retrieve those values inside?
                        console.log(tags);//<--how to print value?
                      });
                </script>

Answer 1

Ypu可以使用jquery的serialize函数来获取所有表单值。

$('#formId').serialize();

您可以遍历该函数提供的结果以在客户端进行打印，并将相同的结果发送到服务器端代码。

您可以浏览jQuery serialize()

Bootstrap标签：如何从输入列表中检索项目到服务器端？

1 个答案: