Получить значение ввода MagicSuggest - PullRequest
Новая
       13

Получить значение ввода MagicSuggest

1 голос
/ 14 мая 2019

У меня есть вход с некоторым значением, и я пытаюсь получить значение этого. Когда я нажимаю на кнопку «действительный», он показывает мне «неопределенный». Вот мой 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());
  })
});

1 Ответ

0 голосов
/ 14 мая 2019

Согласно документации для 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" />
...