Jquery #id focus()显示无id

时间:2015-09-29 03:48:42

标签: javascript jquery html focus hidden

我使用Jquery在页面加载时聚焦输入,这个输入在两个div中重复,但是一个隐藏了" display:none"。 如果我改变隐藏的id的id,它就可以了,所以我想" display:none"不排除输入。 你有什么建议?谢谢!!!



$(document).ready(function() {
  focusMainEntry();
});

function focusMainEntry() {
  $('#codbar').focus();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="inputsPedido" style="display:none;">
  <form action="insert_stock.php" method="post" name="formulario_carga" class="form-signin">
    ...
    <input type="text" id="codbar" name="codbar" class="form-control" placeholder="Código de barra" style='width:180px;' />...
  </form>
</div>
<div id="inputsPedidoVencimientoLote">
  <form action="insert_stockTEST.php" method="post" name="formulario_carga" class="form-signin">
    ...
    <input type="text" id="codbar" name="codbar" class="form-control" placeholder="Código de barra" style='width:180px;' />...
  </form>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

id 应该是唯一的。当您使用$('#codbar').focus();来聚焦ID为codbar的元素时,会选择具有id的第一个元素(隐藏)。用它作为课程。

使用autofocus属性。

<input type="text" id="codbar" name="codbar" placeholder="Código de barra" autofocus />