内联选择selectedIndex

Question

是否可以内联使用selectedIndex属性，而不是在javascript标记中使用它？

例如，如果我有一个内联onChange：

<select onChange="if(this.value.selectedIndex=='1'){this.value.selectedIndex=='0'}">

这不起作用，但更多的例子是我要找的东西。这种用法有可能吗？

Answer 1

是的，它可以工作-一些示例html：

<select onchange="alert('selected: ' + this.options[this.selectedIndex].value);">
    <option value="option 1">1</option>
    <option value="option 2">2</option>
    <option value="option 3">3</option>
</select>

这将显示所选选项的值。

this.selectedIndex

获取selectedIndex

this.options[...].value

获取实际选项值(连同selectedIndex)。

要使您的示例生效，您需要将其更改为：

<select onchange="if(this.selectedIndex == 1){this.selectedIndex = 0}">
    <option value="option 1">1</option>
    <option value="option 2">2</option>
    <option value="option 3">3</option>
</select>

如果选择2号，它将重置为1号(因为它是一个基于零的索引)，而选择3或1则没有任何效果。