Javascript 如何使用Angular-2下拉列表中的多选选项绑定阵列
我正在尝试使用multi-select下拉列表绑定数组对象,以便将选定的值传递给模型,以便与其他模型详细信息一起保存 此处我使用change event接收所选选项值,但函数不起作用此处是我的代码: HTML代码:Javascript 如何使用Angular-2下拉列表中的多选选项绑定阵列,javascript,angularjs,angular2-template,angular2-forms,Javascript,Angularjs,Angular2 Template,Angular2 Forms,我正在尝试使用multi-select下拉列表绑定数组对象,以便将选定的值传递给模型,以便与其他模型详细信息一起保存 此处我使用change event接收所选选项值,但函数不起作用此处是我的代码: HTML代码: label class="col-md-3 form-control-label text-right">Customer Name</label> <div class="col-md-7"> <s
label class="col-md-3 form-control-label text-right">Customer Name</label>
<div class="col-md-7">
<select multiple="multiple" class="js-example-basic-multiple form-control selectsizing" (change)="oncustomerSelect($event.target.value)" name="customer_name" [(ngModel)]="customer_name.customer" #customer_name="ngModel" [ngClass]="{ 'is-invalid': f.submitted && customer_name.invalid }" required>
<option></option>
<option [value]="customernames.Business_name" *ngFor="let customernames of model_customername">{{customernames.Business_name}}</option>
</select>
</div>
customer_name:any={
customer:[]
};
model:any={
product_type:"in stock",
item_code:"ASD34",
customer_name:[]=[]
}
oncustomerSelect(value){
console.log("customer select::"+JSON.stringify(value));
var i=0;
this.model.customer_name[i]=value;
i++;
console.log("model customer::"+JSON.stringify(this.model.customer_name));
}
请帮助我,如何在多个select中调用函数,以及如何将数组与所选值绑定
谢谢大家! 查看参考资料!在给定的链接中,您可以看到您将获得下拉选择值,您可以添加multi-select属性并完成此操作
在stackblitzSir上创建一个小演示,这个答案对于从下拉列表中选择单个值是正确的,但我需要从下拉列表中选择多个值,然后将它们绑定到一个数组中。请帮我做这件事@AmitGolhar@naincyjain您可以为您的选择选项使用多个属性,它将起作用@谢谢你,先生!这一个正在工作,在我的代码中有一个引导类的问题。