时间戳

首页 > 解决方案 > ejs-chiplist 在 OnChage 事件中选择值传递

javascript - ejs-chiplist 在 OnChage 事件中选择值传递

问题描述

我正在使用syncfusion来显示主题列表。

<ejs-chiplist id="chip-SubjectTags" selection="Single" click="FilterSubject" cssClass="e-primary">
<e-chips>
@foreach (var mySubject in (List<FilterSubjectInfo>)ViewBag.FilterTags)
{
<e-chip text="@mySubject.Name" value="@mySubject.SubjectTagID" enabled="true"></e-chip>
}
</e-chips>
</ejs-chiplist>

选择主题时，假设数学或科学称为函数过滤器（e）并获取数据。

现在我有一个下拉列表，其中有一个教师姓名列表。

<select class="form-control" id="selectTeacher" onchange="getTeacherVideo(this)">
</select>

function getTeacherVideo(selectObject) {
var value = selectObject.value;
//var abcValue = document.getElementById('chip-SubjectTags').selectObject;
//console.log(abcValue);
console.log(value);
}

在getTeacherVideo()函数中，我想使用chip-SubjectTags，选择芯片值。

如何在 Javascript 中访问c​​hip-SubjectTags芯片值。

标签： javascriptsyncfusionej2-syncfusion

解决方案

您可以使用 Chip 组件的 getSelectedChips 方法来实现您的要求，如下面的代码片段所示，

<ejs-chiplist id="chip-avatar" click="FilterSubject" selection="Single" enableDelete="true">
<e-chips>
    . . .
</e-chips>

<select name="cars" id="cars" onchange="getTeacherVideo(this)">
<script>
function getTeacherVideo(selectObject) {
    var chip = document.getElementsByClassName('e-chip-list')[0].ej2_instances[0];//Chip instance.
    var selected = chip.getSelectedChips(); //to get the value of the selected chip
    console.log(selected);
}

API 参考：https ://ej2.syncfusion.com/javascript/documentation/api/chips/chipList/#getselectedchips

推荐阅读