本文介绍如何使用 JavaScript 的 select() 方法选中 TextArea 内的文本。通过获取元素 ID 并调用 focus() 和 select() 函数,可实现页面加载或点击按钮时自动选中指定文本域内容。
JavaScript 实现 TextArea 文本选中的方法
本文介绍如何使用 JavaScript 实现选中 TextArea 内文本的功能,具体代码示例如下。
<script type="text/javascript">
function select_field(id){
document.getElementById(id).focus();
document.getElementById(id).select();
}
function init(){
select_field('text1');
}
onload=init;
</script>
<form>
This field gets selected onload:<br/>
<input type="text" name="text1" id="text1" value="some text" />
<br/>
<textarea name="textarea1" id="textarea1" rows="9" cols="50" wrap="off">Some long
content in here.
abcd efgh abcd efgh abcd efgh
abcd efgh abcd efgh abcd efgh
abcd efgh abcd efgh abcd efgh
</textarea>
<br/>
<input type="button" value="Select text" onclick="select_field('textarea1')">
</form>
希望这段代码能帮助读者理解 JavaScript 中处理表单元素选区的技巧。