2016-12-15 99 views
-1

我想一个选项添加到选择元素这样我应该如何使用HTMLOptionElement.Option()构造函数?

<select id="select-title"></select> 
<script> 
    let s = document.querySelector('#select-title'); 
    let optionElementReference = new HTMLOptionElement.Option('option1'); 
    s.add(optionElementReference); 
</script> 

,但我得到(铬54)“遗漏的类型错误:HTMLOptionElement.Option不是构造函数(......)”

我想我应该能够做到这一点,因为下面的文档(虽然我没有发现这种用法的例子)。我想我可能会在某个地方犯一个简单的错误。

https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionElement

HTMLOptionElement.Option()是一个构造创建HTMLOptionElement对象。它有四个值:要显示的文本,文本,关联的值,值,defaultSelected的值和选定的值。最后三个值是可选的。

+1

你可以只使用'新选项( '选项1')'https://developer.mozilla.org/en-US/docs/Web/ API/HTMLOptionElement/Option – Punit

+0

@Punit谢谢你,我知道这里有人会很快指出我的错误。 – engineerX

+0

您在MDN中引用的部分以粗体显示的部分链接到如何使用构造函数的解释... – CBroe

回答

1

取出HTMLOptionElement.

let s = document.querySelector('#select-title'); 
 
let optionElementReference = new Option('option1'); 
 
s.add(optionElementReference);
<select id="select-title"></select>

相关问题