更改 HTML Select 元素的选定选项：使用光标时的行为有所不同

大佬教程收集整理的这篇文章主要介绍了更改 HTML Select 元素的选定选项：使用光标时的行为有所不同，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决更改 HTML Select 元素的选定选项：使用光标时的行为有所不同？

我编写了一个简单的 Js 代码，用于更改 HTML Select 元素的选定选项。尽管所选选项更改为所需值，但页面不会对此做出响应。但是当我使用光标更改所选选项时，页面确实响应了。你知道有什么问题吗？

我认为问题不是因为我的选项切换代码，顺便说一句，这是我使用的 Js 函数：

function changeTheSelection() {
    var selectElement = @R_403_4617@.getElementByID(selectinputID);

    var opts = selectElement.options;
    console.log("num of options found: " + opts.length);

    for (var IDx = 0; IDx < opts.length; IDx++) {
        var opt = opts[IDx];

        if (!opt.selected) {
            selectElement.selectedindex = IDx;
            console.log("option " + IDx + " selected.");
            break;
        }
    }
}

解决方法

selectElement.dispatchEvent(new Event('change'));

大佬总结

以上是大佬教程为你收集整理的更改 HTML Select 元素的选定选项：使用光标时的行为有所不同全部内容，希望文章能够帮你解决更改 HTML Select 元素的选定选项：使用光标时的行为有所不同所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。