如何将id分配给标签，bootstrap标签输入，asp.net mvc

Question

我想使用引导标签输入从数据库中添加，删除和显示标签 例如 标签1 标签2 tag3

https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

我需要将标签的ID传递给操作方法而不是标签标题 所以我这样设置option的值

"SELECT Junk Food FROM table WHERE Junk Food LIKE '%Potato chips%' OR Junk Food LIKE '%Hot dog%' AND Junk Food NOT LIKE '%Ice cream%';"

问题是tagiputs显示1，2，3而不是tag1，tag2，tag3 我的意思是它显示的是ID而不是标签标题

所以问题是如何为标签分配ID和文本？ 并将标签的ID和文本传递给行动？

这是html

<option value="@item.Id">

这是javascript

        <select multiple data-role="tagsinput" id="testtaginput">
            @{
            foreach (var item in data.TagDataList)
            {
            <option value="@item.Id">@item.TagTitle</option>
            }
            }
        </select>

Answer 1

您应该设置

{
 "Id" : 1,
 "TagName" : "test"
}

然后 用“＃”将其拆分

在发送请求之前，您应该创建包含Id，TagName之类的json对象

{
  path: '',
  component: ArticleListComponent
}

您应该将对象传递给方法。