Javascript 选择后的模糊（）/focus（）

JQM 1.3.2/ASP.NET MVC 4

选择值时，焦点未正确设置到输入字段，我缺少什么

周围的典型jqm阴影没有从select中删除，输入获得阴影效果，但光标没有设置到输入字段中

JavaScript:

html代码的一部分：

编辑：

从@Omar扩展小提琴：

单击“额外”按钮可正确聚焦输入，为什么脚本代码不起作用？

使用selectmenu with data native menu=false将其转换为弹出窗口并隐藏native selectmenu

当您选择一个选项时，它会经历几个阶段

弹出窗口已关闭/隐藏 本机选择菜单已更新 jQM虚拟选择菜单文本已更新 jQM虚拟选择菜单获得焦点 因此，您需要等待以上所有步骤完成

$("#IndexScanPage").on('change', '#locationCode', function (e) {
  setTimeout(function () {
    $('#_inputEAN').focus();
  }, 50); // minimum value - tested on Chrome
});

---

$document.on'change'，IndexScanPage，locationCode'，函数e{您在上面的选择器中缺少一个逗号。将其更正为：$'IndexScanPage'。on'change'，locationCode'，函数e{…}；仍然不起作用。焦点方法有问题IndexScanPage不是locationCode的父级，是吗？这不正确$'IndexScanPage'。在'change'，'locationCode'，函数e{…}。抱歉，当然locationCode是IndexScanPage的孩子，抱歉让人困惑的代码示例，不得不从一些部分一起复制它。仍然无法正常工作。请直接尝试此代码并在哪个浏览器上测试您的代码？哇，完成了，非常感谢！这让人恼火了两个多星期。您从哪里获得此知识wledge from，我想进一步了解jqm的这一深度。@tronc不客气：这是关于尝试和错误的，仅此而已。祝你好运：太糟糕了，大多数时候开发jqm时你不得不与这些事情作斗争；，但谢谢anyway@tronc诚然，jQM充满了惊喜，掌握它需要时间和实践。

<div id="IndexScanPage">
    <select name="locationCode" id="locationCode" data-native-menu="false" data-icon="home">
        <option value='' data-placeholder="true">Lagerauswahl</option>
        @{
            foreach ( var location in Model.Locations)
            {
                <option value='@location.LocationCode'>@location.LocationDescription</option> 
            }
        }
    </select>

    <div class="ui-grid-solo">
        <div class="ui-block-a">
            <input id="_inputEAN" name="barcode" data-clear-btn="true" autocomplete="off" autofocus required />
            <div class="spacer"></div>
            <input type="submit" name="submitButton" id="submitButton" value="Weiter" data-role="button" data-iconpos="right" data-icon="search" />
        </div>
    </div>
</div>

$("#IndexScanPage").on('change', '#locationCode', function (e) {
  setTimeout(function () {
    $('#_inputEAN').focus();
  }, 50); // minimum value - tested on Chrome
});