Anonymous Anonymous - 5 months ago 30
Javascript Question

Make text in ajax generated input field selectable

I can't make text in ajax generated input field selectable on click.

<input type="text" class="form-control input-lg" id="url" value="">
<script>
$.ajax({
...
element.append('<input type="text" id="test" value="' + 'https://' + location.host + '/' + data[0].data + '">')
}
});
return false;
});
</script>
<script>
$('input').on('focus', function (e) {
$(this)
.one('mouseup', function () {
$(this).select();
return false;
})
.select();
});
</script>


I can select all text on click in #url input, beside text in ajax generated input.
All I want is to make text in both static inputs and ajax generated inputs selected on click.

Answer

$('body').on('focus', 'input', function () {
    $(this).select();
});