求通过按钮动态添加文本框,即按一次添加一个,并让焦点自动位于最后一个文本框的js代码
2个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>添加input</title>
</head>
<body>
<button id="add">添加</button>
<div id="container"></div>
<script type="text/javascript">
var add = document.getElementById('add'),
container = document.getElementById('container');
add.onclick = function(){
var input = document.createElement("input");
input.setAttribute('type', 'text')
container.appendChild(input);
input.focus();
}
</script>
</body>
</html>
追问
这个是实现了两个要求的,但我不知道为啥在我的IE8里要把charset="UTF-8"改成charset="GB2312",汉字才能正常显示?
追答
IE是容易存在编码问题。
它是先解析页面标签再获取http header信息,通常乱码就是title里如果包含了中文字符,就会导致编码自动选择成gb2312导致页面乱码。
建议你查看下设置charset的 meta和title放置的顺序对不对,如果title中汉字并且放在meta前面ie下通常有乱码。
反例:
<title>添加input</title>
<meta charset="UTF-8">
这里有个类似的问题:http://zhidao.baidu.com/question/308971203.html
你也可以参考下
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<input type="button" value="添加" id="add" />
<script>
window.onload = function () {
var addButton = document.getElementById('add');
addButton.onclick = function () {
var oDiv = document.createElement('div');
oDiv.innerHTML = '<input type="text" />';
document.body.appendChild(oDiv);
}
};
</script>
追问
请问如何让“并让焦点自动位于最后一个文本框”呢?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询