如何在 Javascript 中获取 Combobox 的 innerHTML？

Question

这是我填充组合框的函数（它的 id 是 bc）function fillComboBox() {  for(let i=0; i < SemanticTaskPropertySet.types.length; i++) {    let option = document.createElement("option");    option.innerHTML = SemanticTaskPropertySet.types[i].bc;    option.value = SemanticTaskPropertySet.types[i].bc_id;    bc.appendChild(option);    let option2 = document.createElement("option");    option2.innerHTML = SemanticTaskPropertySet.types[i].ti;    option2.value = SemanticTaskPropertySet.types[i].ti;    ti.appendChild(option2);  }}该行的值：option.value = SemanticTaskPropertySet.types[i].bc_id;我得到了 bc.value；但是我怎样才能得到这条线的价值呢？option.innerHTML = SemanticTaskPropertySet.types[i].bc;我试过：bc.innerHTML；但这是行不通的。提前致谢！

Answer 1

用于option.text内部文本 ( innerHTML ) 的option

option.value为了value="1"

function getTextFunc(x) {

  console.log(x.options[x.selectedIndex].text);

}

let elem = document.getElementById("myElem")

getTextFunc(elem)

<select id="myElem">

  <option value="1"> Option Text 1</option>

  <option value="2"> Option Text 2</option>

</select>

Answer 2

您可以尝试.text属性option元素：

option.text = SemanticTaskPropertySet.types[i].bc;

Answer 3

非常感谢！option.text = SemanticTaskPropertySet.types[i].bc; 然后是 bc.options[bc.selectedIndex].text;
工作得很好