在提交表单时获取 ng2-select2 选定项值

Posted 2023-05-07

【中文标题】在提交表单时获取 ng2-select2 选定项值

【英文标题】：Get ng2-select2 selected item value on form submission

【发布时间】：2018-03-27 14:33:00

【问题描述】：

我试过以下代码：

html：

<form #dropdownform="ngForm" (ngSubmit)="OnSubmit(dropdownform)">
  <select2 [data]="exampleData"></select2>
</form>

打字稿：

this.exampleData= [...]
OnSubmit(form: NgForm) 
    console.log(form.value);
  

它在控制台中显示一个空数组。

【参考方案1】：

select2 想要 data.id 和 data.text 或者你需要定义数据类型这个链接可以帮助你

Tagging with AJAX in select2

【参考方案2】：

注意：如果您使用的是模板驱动表单，那么如果没有 name 属性，您将永远不会在 form.value 上获得任何值。

您需要做的就是提供name 属性和ngModel：

<select2 name="select2_value" [data]="exampleData" ngModel></select2>

---

现在当你console.log(form.value);

你会得到 select2_value : 'selected_value' 的值

【讨论】：

不工作，当我添加双向数据绑定时显示错误：'Uncaught (in promise): Error: No value accessor for form control with name:select2_value'

@ShamseerKSmr，请点赞并采纳答案，如果没有帮助请告诉我。