gpt4 book ai didi

javascript - 如何在 Vanilla javascript中动态添加选项到现有选择

转载 作者:IT王子 更新时间:2023-10-29 03:07:31 27 4
gpt4 key购买 nike

我想使用纯 javascript 动态地向选择添加选项。我能找到的所有内容都涉及 JQuery 或尝试动态创建选择。我能找到的最接近的东西是 Dynamically add input type select with options in Javascript后者是我发现的唯一不涉及 JQuery 的方法。尽管我确实尝试过这样使用它:

daySelect = document.getElementById('daySelect');
daySelect.innerHTML += "<option'>Hello world</option'>";
alert(daySelect.innerHTML)

在我这样做之后,选择没有变化,警报给了我

HELLO WORLD</option'>

如果这很简单,我深表歉意,但总的来说,我对 javascript 和 Web 编程还很陌生。感谢您的帮助。

编辑:所以我尝试了这样给出的建议。

daySelect = document.getElementById('daySelect');
myOption = document.createElement("option");
myOption.text = "Hello World";
myOption.value = "Hello World";
daySelect.appendChild(myOption);

这根本没有改变页面中的选择。知道为什么吗?而且我确实检查了代码是否在警报下运行。

编辑:这个想法确实奏效了,只是结果它没有在下拉列表中显示一个值。我不知道为什么,但我想我可以弄清楚这一点。

最佳答案

本教程准确地展示了您需要做什么:Add options to an HTML select box with javascript

基本上:

 daySelect = document.getElementById('daySelect');
daySelect.options[daySelect.options.length] = new Option('Text 1', 'Value1');

关于javascript - 如何在 Vanilla javascript中动态添加选项到现有选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17730621/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com