在“列表框”(JavaScript)中选择“li”元素

在“列表框”(JavaScript)中选择“li”元素,javascript,html,Javascript,Html,我想用预选的源语言和目标语言向用户展示页面。我可以访问像这样有趣的元素 var srcLangContent = document.getElementById("srcLanguagesContent") var liToSelect = srcLangContent.children[10] 我不知道下一步该怎么办。我打电话给click,但它不工作。你能给我一些建议吗 另外,我不能使用jQuery,这是一个解决方案 var mouse_down_evt = document.createE

我想用预选的源语言和目标语言向用户展示页面。我可以访问像这样有趣的元素

var srcLangContent = document.getElementById("srcLanguagesContent")
var liToSelect = srcLangContent.children[10]
我不知道下一步该怎么办。我打电话给click,但它不工作。你能给我一些建议吗

另外,我不能使用jQuery,这是一个解决方案

var mouse_down_evt = document.createEvent("MouseEvents");
mouse_down_evt.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null);

var mouse_up_evt = document.createEvent("MouseEvents");
mouse_up_evt.initMouseEvent("mouseup", true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null);

liToSelect.dispatchEvent(mouse_down_evt)
liToSelect.dispatchEvent(mouse_up_evt)

感谢@PhilCooper的建议。

它看起来像是一个第三方库,正在创建完整的页面选择,而不是传统的html选择。如果库中有api,您可能需要使用它来预先选择定义的值。@PhilCooper也许可以模拟用户操作?是的,您可以模拟用户操作-请参阅这篇文章,了解如何进行模拟。问题是,您将只显示选择菜单,而不是预先选择一个值。另外,如果单击没有按照您所说的那样工作,您需要在库中找到触发选择菜单打开的元素。尝试单击父项和子项,以查看哪一项可能导致显示select。