这是一个创建于 87 天前的主题，其中的信息可能已经有所发展或是发生改变。
请问对于 devExtreme 中的 dx-select-box ，有没有方法通过外部 js （如浏览器的控制台、浏览器插件等）直接修改它的 value ？目前了解到的方案都是
const selectBoxElement = document.querySelector('.dx-selectbox');
const dxSelectBoxInstance = $(selectBoxElement).data('dxSelectBox');
dxSelectBoxInstance.option('vaue', 'YourDesiredValue');
然而我在目标网站上 dxSelectBoxInstance 返回的是 Null
并且 ng.getComponent 也用不了，probe 返回的也是空，页面上的 html 元素直接显示的就是<dx-select-box>，并不是<div class='dx-selectbox'>
const selectBoxElement = document.querySelector('.dx-selectbox');
const dxSelectBoxInstance = $(selectBoxElement).data('dxSelectBox');
dxSelectBoxInstance.option('vaue', 'YourDesiredValue');
然而我在目标网站上 dxSelectBoxInstance 返回的是 Null
并且 ng.getComponent 也用不了，probe 返回的也是空，页面上的 html 元素直接显示的就是<dx-select-box>，并不是<div class='dx-selectbox'>
3 条回复 2025-07-14 19:51:00 +08:00
 | 1 nzbin 87 天前 用框架是不建议直接操作 dom 的，好奇是什么场景必须用这种方式。<dx-select-box> 实例和 dom 元素没有关系，除非组件库给出 api ，否则肯定拿不到 |
| 2 nzbin 87 天前 换个思路，<dx-select-box #dxSelectBoxInstance>，可以在组件里面获取实例，然后把实例赋值到 window 上面，比如 window.dxSelectBoxInstance = dxSelectBoxInstance ，这样就能用 js 操作了 |
Select Language