javascript - .select() 的 javascript 的替代方法是什么？

Question

我有以下代码来选择一个元素（将动态创建）：

document.all['ele' + count].select()

上面的代码在 Google Chrome 中完美运行，但在所有版本的 Internet Explorer 中都会出错：

SCRIPT16389：功能不正确。

有什么替代方案.select()可以在 Google Chrome 和 IE 中运行？

编辑：

我将有以下Textarea功能可供选择

<textarea name="ele[5][t]" id="ele5"></textarea>

score 2 · Accepted Answer

select()可能不是问题。几乎可以肯定是使用document.all.

Javascript解决方案：

document.getElementById("ele" + count).select();

jQuery解决方案：

$('#ele' + count)[0].select();

两者是等价的。

编辑

IE 似乎有一个关于隐藏输入(source)的错误，尝试使用 jQuery 来解决它：

$('#ele' + count).select();

或者：

$('#ele' + count).focus();

score 0 · Accepted Answer

0

甚至document.querySelector或document.querySelectorAll

于 2013-10-29T07:58:31.093 回答

score 0 · Accepted Answer

您是否尝试将 jQuery 函数绑定到常规 javascript 对象？您是否尝试过这样做？

$("#ele"+count).select();

?

score 0 · Accepted Answer

为什么不使用 document.getElementById？document.all 不再受支持，您可以在此处阅读。

score 0 · Accepted Answer

这是你的元素

<textarea name="newele[5][t]" id="t_newele5"></textarea>

要使用选择它jQuery，您可以使用

$('#t_newele5').action(...); // selects the element ussing it's "id"

这action是pseudo用于说明在元素上调用方法的过程的命令。例如，要css()在 selected 上调用方法，textarea您可以这样写

$('#t_newele5').css('color', 'red');

请记住将jQuery代码保存在ready事件处理程序中，例如

$(document).ready(function(){
    $('#t_newele5').css('color', 'red');
    // more code
});

使用香草JavaScript，你可以这样做

document.getElementById('t_newele5').style.color = 'green';

5 回答 5