获取Magicsuggest输入的价值

Question

我有一个具有一定值的输入，我试图获取它的值。当我单击"有效"按钮时，它显示我"未定义"。在这里我的JSFIDDLE：http：//jsfiddle.net/pv2we0x3/1/

$(function() {
  $('.suggest-tag').magicSuggest({
    data: [{
      "Id": 1,
      "Name": "hello"
    }, {
      "Id": 2,
      "Name": "world"
    }, {
      "Id": 3,
      "Name": "no"
    }],
    valueField: 'Id',
    displayField: 'Name',
  });
  $('.btn').click(function() {
    alert($('.suggest-tag').serialize());
  })
});

Answer 1

根据Magicsuggest的文档，您需要在创建的库中调用getValue()，以获取所选标签值：

$(function() {
  var ms = $('.suggest-tag').magicSuggest({
    data: [{
      "Id": 1,
      "Name": "hello"
    }, {
      "Id": 2,
      "Name": "world"
    }, {
      "Id": 3,
      "Name": "no"
    }],
    valueField: 'Id',
    displayField: 'Name',
  });
  $('.btn').click(function() {
    console.log(ms.getValue());
  })
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magicsuggest/2.1.4/magicsuggest.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magicsuggest/2.1.4/magicsuggest.js"></script>
<form action="subscribe.php" method="post">
  <div class="form-group">
    <label>Tags</label>
    <div class="suggest-tag" value="[1,2,3]"></div>
  </div>
</form>
<input type="button" class="btn" value="Valid" />