如何在Javascript中获取Syncfusion ejs-chiplist的选中value值

你可以通过获取Syncfusion ChipList组件的实例，调用其内置属性拿到选中的芯片值，修改后的代码如下：

function getTeacherVideo(selectObject) {
    var teacherValue = selectObject.value;
    // 获取ChipList对应的DOM元素
    const chipDom = document.getElementById('chip-SubjectTags');
    // 获取ChipList组件实例
    const chipInstance = ej.base.getComponent(chipDom, 'chiplist');
    let selectedSubjectId = null;
    // 判断是否有选中的芯片
    if (chipInstance?.selectedChips?.length) {
        // 你设置的是单选模式，直接取第一个选中项的value即可
        selectedSubjectId = chipInstance.selectedChips[0].value;
    }
    // 此处可继续写后续业务逻辑，拿到了selectedSubjectId就是选中学科的SubjectTagID
    console.log('选中的学科ID：', selectedSubjectId);
    console.log('选中的教师值：', teacherValue);
}

补充说明 #

• 要是用ej.base.getComponent拿不到实例，可以用备用写法获取实例：const chipInstance = chipDom.ej2_instances[0]，Syncfusion所有组件的实例都会挂载在对应DOM元素的ej2_instances数组中。
• selectedChips返回的数组元素包含你在<e-chip>标签上绑定的所有属性，除了value之外也可以直接取text拿到学科名称。

内容的提问来源于stack exchange，提问作者NewDeveloper