javascript - 如何使用 getElementById 更改选择元素的 selectedIndex

Question

我想做类似的事情，但我无法通过这种方式更改 selectedIndex 值:

var selected = document.getElementById("state-select");



switch (state) {
                    case 'VA':
                        selected.options[selected.selectedIndex] = 0;
                        break;
                    case 'NC':
                        selected.options[selected.selectedIndex] = 1;
                        break;
                    case 'SC':
                        selected.options[selected.selectedIndex] = 2;
                        break;                       

}

Answer 1

为此，您无需使用选项 做任何事情，您可以通过设置.selectedIndex 来更改所选元素。直接选择元素的属性:

...
case 'VA':
   selected.selectedIndex = 0;
   break;
// etc.

(假设这是一个单选选择元素。)

我相信如果您将 selectedIndex 设置为 -1，则不会留下任何选项。