javascript - 下拉列表 SelectedIndex 不适用于 JavaScript 中的 getElementById

Question

我有一个名为批处理的下拉列表。如果我选择了第二个选项，则 OnChange 函数内的 dropdown.selectedIndex 始终显示所选索引。但 document.getElementById("batches").selectedIndex 始终显示第一个索引。
这是为什么呢？
实际上，我想在另一个函数中读取批处理的正确 selectedIndex，这就是为什么我需要一种方法来以两种方式获取正确的选定索引。

function OnChange(dropdown){
   var myindex  = dropdown.selectedIndex;// This prints correctly
   alert("Index : "+document.getElementById("batches").selectedIndex);// This is always 0 no metter what selects        
}

<select name='batches' id='batches' onchange='OnChange(this);'>
<option value = "1">1</option>
<option value = "2">2</option>
<option value = "3">3</option>
</select>

Answer 1

我不知道您在什么浏览器中进行测试，但以下内容在我测试的所有浏览器中始终显示为真:

<select id="batches" onchange="
  alert(this.selectedIndex == document.getElementById('batches').selectedIndex);
">
  <option value = "1">1
  <option value = "2">2
  <option value = "3">3
</select>

<!-- and to confirm... -->
<button onclick="
  alert(document.getElementById('batches').selectedIndex);
">Show selected index</button>

我希望您不会因选项值 1、2 和 3 与 selectedIndexes 0、1 和 2 相关而感到困惑。