如何在bootstrap弹出窗口中自动选择输入字段的文本

时间:2014-12-04 13:48:57

标签: jquery twitter-bootstrap popup

基本上,我正在努力实现在正常时间工作的this type of functionality。但是,it's not working inside bootstrap popup(点击“分享”按钮查看弹出窗口)。如何让它在bootstrap弹出窗口内工作?

代码:

<input type="text" class="form-control" id="inputShare" placeholder="" value="http://apps.companyName/wba" />

$('#inputShare').focus();
$('#inputShare').select();

2 个答案:

答案 0 :(得分:2)

几天前我遇到了完全相同的问题。您应该设置焦点并在显示模态时选择文本。

这就是我如何解决它:

 $(".modal").on('shown.bs.modal', function () {
     $(this).find("#inputShare").focus().select();
 });

答案 1 :(得分:0)

你必须将你的js置于bootstrap弹出窗口的事件中。

$('#exampleModal').on('show.bs.modal', function (event) {
//your code here
})