求通过按钮动态添加文本框,即按一次添加一个,并让焦点自动位于最后一个文本框的js代码

目的RT。要求只用js和html实现,不用jquery。... 目的RT。要求只用js和html实现,不用jquery。 展开
 我来答
yt_9119
2013-11-01 · TA获得超过812个赞
知道小有建树答主
回答量:395
采纳率:100%
帮助的人:308万
展开全部
<!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

你也可以参考下

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
zhaoapk
2013-11-01 · TA获得超过3771个赞
知道大有可为答主
回答量:1343
采纳率:40%
帮助的人:1586万
展开全部
<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>
追问
请问如何让“并让焦点自动位于最后一个文本框”呢?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式