Question

我正在尝试在页面加载时自动选择标签。但是我无法使用autofocus标签来做到这一点。

 <select class="js-example-basic-single form-control" name="sel_bookID" id="sel_bookID" autofocus="autofocus" >
    @foreach ($arrayname as $data)                                       
        <option value="{{ $data->id }}">{{ $data->BookID }}</option>                                                      
    @endforeach
</select>

此处autofocus="autofocus"无效。我提到了问题HTML select tag attribute similar to autofocus，但找不到任何合适的解决方案。我们可以对javascript标签使用jquery或select进行自动对焦吗？

Answer 1

您可以使用jQuery focus()方法。 DOM准备就绪后，您需要将焦点放在select上。

$(document).ready(function(){
    $('#sel_bookID').focus();
});

或使用纯javaScript：

document.addEventListener('DOMContentLoaded', function(){ 
    document.getElementById('sel_bookID').focus();
}, false);

使select标签关注页面加载

1 个答案: