如何在 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 ) 的optionoption.value为了value="1"function getTextFunc(x) {&nbsp; console.log(x.options[x.selectedIndex].text);}let elem = document.getElementById("myElem")getTextFunc(elem)<select id="myElem">&nbsp; <option value="1"> Option Text 1</option>&nbsp; <option value="2"> Option Text 2</option></select>

Answer 2

您可以尝试.text属性option元素：option.text&nbsp;=&nbsp;SemanticTaskPropertySet.types[i].bc;

Answer 3

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