如何在CefSharp WinForms中正确修改select标签的选中选项

1. 核心语法错误 #

你代码中的JS属性名拼写错误：DOM 标准的下拉框选中索引属性是 selectedIndex（注意首字母I大写），你写的全小写selectedindex不属于标准属性，赋值不会生效。

2. 第三方组件适配问题 #

你页面的select标签带有select2类，说明使用了Select2下拉框插件。这类第三方组件会自定义渲染下拉视图，直接修改原生DOM属性无法触发组件的状态同步，需要主动触发change事件通知组件更新。

正确实现代码 #

对应CefSharp调用代码： #

// 使用逐字字符串避免引号转义，写法更简洁
Browser.MainFrame.ExecuteJavaScriptAsync(@"
const targetSelect = document.getElementById('REG_CATSEQ');
// 修改选中索引
targetSelect.selectedIndex = 1;
// 触发change事件同步Select2组件状态
targetSelect.dispatchEvent(new Event('change'));
");

可选写法（按option的value值选中）： #

如果你需要按value属性选中而非索引，可替换选中逻辑为：

targetSelect.value = '1';

效果和修改selectedIndex一致，适合选项顺序可能变动的场景。

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