2

如果您选择 JQuery Mobile (1.2 - 1.3) 增强选择，我希望 [向下箭头] 选择选项或打开可选选项，就像您单击/轻按选择一样。我发现显然正在进行基础选择，但未显示选项列表，并且当前可见的选定选项没有改变。

见http://jsfiddle.net/F9w67/

<form>
<div data-role="fieldcontain">
    <input id="start" type="text" placeholder="start here and tab">
    <select name="select-native-1" id="select-native-1" onchange="alert($('#select-native-1').val())">
        <option calue="0">Choose with keyboard ...</option>
        <option value="1">The 1st Option</option>
        <option value="2">The 2nd Option</option>
        <option value="3">The 3rd Option</option>
        <option value="4">The 4th Option</option>
    </select>
</div>
</form>

单击第一个输入框，然后不使用鼠标，Tab 键选择并尝试使用键盘选择一个选项。在您退出选择之前，没有任何明显变化，此时您将看到基础值已更改。如果您删除 JQuery Mobile，您将看到预期的操作。

这是一个错误还是一个功能，什么是允许仅键盘操作的最简单方法？

附加信息：这似乎比我想象的要复杂。在 JQM 1.2.0 中，似乎只有 FF 存在问题。在 JQM 1.3.2 中，Chrome、IE 和 Safari 中也存在意外行为。

现在发生的情况是，一旦在选择时，按下向下箭头会导致选择第一个选项，但随后会失去焦点 - 因此不接受后续击键。这也打破了通过快速连续按下几个键来查找选项的行为。例如，“A”后面紧跟“3”应该从列表中选择“A3 - Test”：

<option>A1 - Test 1</option>
<option>A2 - Test 2</option>
<option>A3 - Test 3</option>
<option>3 - Test 4></option>
4

0 回答 0