内联选择selectedIndex

时间:2014-07-28 16:03:41

标签: html css html5 css3

是否可以使用selectedIndex属性内联而不是将其放在javascript标记中?

如果我有一个内联onChange,例如:

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

^这不起作用,但更多的是我正在寻找的一个例子。这种用法可能吗?

1 个答案:

答案 0 :(得分: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则无效