var $xin_pwd=$("<input type='password'>");//新建一个input框,
$("ul li:last").append($xin_pwd)//把这个框添加到ul列表的最后一个li中。
但是,我想让它创建好并且添加到li中后,光标自动在这个input框上。怎么弄?
如果不自动在这个框上,我还得点一下。
思路:首先获取这个新创建的input对象,然后使用focus()方法设置焦点。
示例如下——点击按钮创建一个input,并使其获得焦点:
1、HTML结构
<ul>
<li><input type="text"></li>
<li></li>
</ul>
<input type="button" value="添加">
2、jquery代码
$(function(){
$("input:button").click(function() {
pwd = $("<input type='password'>"); // 创建的input对象
$("ul li:last").append(pwd); // 将创建的input添加到相应的位置
$("ul li:last input").focus(); // 获取新添加的input,使用focus()设置焦点
});
});
3、效果演示
我试了试,不知道为什么,还不行。
var $del=$("input:last").detach(); //删除input
$("ul li:last").append($xin_pwd); //添加一个新的input框
alert("固定光标");
$xin_pwd.focus(); //把光标固定到新建的input框
alert("固定光标完毕");