关于外部 js 修改 dx-select-box 的值的可行性

[insanny]

请问对于 devExtreme 中的 dx-select-box ，有没有方法通过外部 js （如浏览器的控制台、浏览器插件等）直接修改它的 value ？目前了解到的方案都是
const selectBoxElement = document.querySelector('.dx-selectbox');
const dxSelectBoxInstance = $(selectBoxElement).data('dxSelectBox');
dxSelectBoxInstance.option('value', 'YourDesiredValue');
然而我在目标网站上 dxSelectBoxInstance 返回的是 Null
并且 ng.getComponent 也用不了，probe 返回的也是空，页面上的 html 元素直接显示的就是<dx-select-box>，并不是<div class='dx-selectbox'>

[nzbin]

用框架是不建议直接操作 dom 的，好奇是什么场景必须用这种方式。<dx-select-box> 实例和 dom 元素没有关系，除非组件库给出 api ，否则肯定拿不到

[nzbin]

换个思路，<dx-select-box #dxSelectBoxInstance>，可以在组件里面获取实例，然后把实例赋值到 window 上面，比如 window.dxSelectBoxInstance = dxSelectBoxInstance ，这样就能用 js 操作了

[insanny]

@nzbin 感谢回复，场景就是要做一个自动化工具去填很多表单。用模拟事件的方式效率比较一般，就想着直接用 js 去触发把 value 填上去，但是试了大半天也没找到很好的办法