javascript - 如果更改框更改，innerHTML 不会更改

Question

我有一个基本列表:

<select id = "opt">
  <option value="a">a</option>
  <option value="b">b</option>
  <option value="c">c</option>
</select>

现在我必须在 JS 中更改选定的项目。完成了，然后我需要这个选择项的内容 (.innerHTML)。 但遗憾的是，innerHTML 表示未选择任何内容...如何解决此问题？

编辑:这是代码:

for (var count = 0; count < document.getElementById('opt').childNodes[0].options.length; count++)
{
 if (document.getElementById('opt').childNodes[0].options[count].value == 7) { document.getElementById('opt').childNodes[0].options[count].selected = true; break; }
}
var obj = document.getElementById('opt');
alert (obj.innerHTML);

alert() 只是显示原始的 HTML 代码

Answer 1

您可以在根本不使用选项的情况下执行此操作。

只解析元素的节点

for (var count = 0; count < document.getElementById('opt').childNodes.length; count++)
{
    if (document.getElementById('opt').childNodes[count].value == "c") {       
        document.getElementById('opt').childNodes[count].selected = true; break; 
    }
}
var obj = document.getElementById('opt');
alert (obj.innerHTML);

这是您的工作 jsfiddle:http://jsfiddle.net/9Pg8n/1/