Автоматический выбор текста поля ввода при раскрытии раскрывающегося списка

Question

У меня возникает проблема, когда я хочу, чтобы текст поля ввода автоматически выделялся при открытии выпадающего списка. С точки зрения пользователя я хочу, чтобы они могли скопировать эту ссылку в буфер обмена, нажав CTRL C, поэтому я хочу, чтобы она автоматически выбиралась по этой причине.

My Demo здесь http://jsfiddle.net/Yppqw/11/

Мой Ввод принадлежит к Bootstrap раскрывающийся и настроен вывести текущий URL.

и JavaScript Я использую, чтобы попытаться сделать это следующим образом

$(function() { 
    /* Add Current URL to Input Field */ 
    $('input.shareURL').val(window.location); 

    /* Select input field text automatically*/ 
    $('input.shareURL').select(); 
}); 


/* Stop Dropdown from closing when input clicked */ 
$('.inputDrop').find('input').click(function (e) { 
    e.stopPropagation(); 
}); 

Как я могу получить это поле ввода, чтобы уже быть выбран, когда я открываю выпадающий список?

Благодаря

Answer 1

На самом деле, когда вы открываете textbox это invisible к DOM, поэтому он не select text, Так что ждите 200 ms и затем select text как,

$('button').on('click',function(){ 
     setTimeout(function(){$('input.shareURL').select();},200); 
    }); 

Тест Fiddle