Я хочу показать информацию для отправки или отклонения.У меня есть тег (), включающий информацию, которая должна быть проверена.если некоторые из них не верны, их нужно добавить во входной тег, а затем, нажав на кнопку отклонить, все данные входного тега будут переданы контроллеру.Следующий код не работает.Я не знаю, есть ли лучший способ сделать это?Большое спасибо за ваше внимание.
<html lang="en"> <head> <title>example</title> <link href="@Url.Content("https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.css")" rel="stylesheet"> <script src="@Url.Content("https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js")"></script> <script src="@Url.Content("https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.js")"></script> </head> <body> <a href="#" data-value="1">Name</a> <div style="width: 500px; margin: 0px auto;"> <h2 style="font-family:cursive;">Jquery - input tags plugin example</h2> <input name="tags" id="input-tags" style="width:500px !important" /> </div> <script> $("a").click(function () { i = $(this).data("value"); $('#input-tags').tagsInput('add', i); }); </script> </body> </html>
Вы используете jQuery TagsInput, а не Bootstrap TagsInput, поэтому вы должны использовать addTag, а не .tagsInput('add')
jQuery TagsInput
Bootstrap TagsInput
addTag
.tagsInput('add')
$('#input-tags').tagsInput(); $("a").click(function(e) { e.preventDefault(); var i = $(this).data("value"); $('#input-tags').addTag(i); });
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.css" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.js"></script> <a href="#" data-value="1">Name</a> <div style="width: 500px; margin: 0px auto;"> <h2 style="font-family:cursive;">Jquery - input tags plugin example</h2> <input name="tags" id="input-tags" data_role="tagsinput" style="width:500px !important" /> </div>
Источник