ejs-chip 列表选中的值在 OnChange 事件中传递

Question

我正在使用 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>

选择主题时，让我们说数学或科学，它会调用 函数 FilterSubject(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.

中访问 chip-SubjectTags 筹码值

Answer 1

您可以使用 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

ejs-chip 列表选中的值在 OnChange 事件中传递

ejs-chiplist selected value pass in OnChage Event

javascript

syncfusion

ej2-syncfusion