Question

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

<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>

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

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

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

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

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

JQuery Mobile Select键盘操作不起作用？

0 个答案: