代碼如下。
在第二個input裡輸入完東西之後回車,會再自動addlist。然後現在想讓他光標自動聚焦到新增的一行的weight輸入框裡。
目前寫的代碼裡,第二個輸入框輸入完東西,回車後都是跳到第一行的weight輸入框的。
應該怎麼去修改呢?
function addList(){
var operate_id=$("#last_operate_id").val();
operate_id=parseInt(operate_id)+1;
if (operate_id==1000) {
operate_id=1;
}
$("#last_operate_id").val(operate_id);
var html = '<tr>'
+'<td><input class="form-control" id="weight" name="weight[]" onkeydown="javascript:if(event.keyCode==13) return false;" type="text" "></td>'
+'<td><input class="form-control" id="express_id" name="express_id[]" type="text" onkeydown="javascript:if(event.keyCode==13) {addList(); setfocus(); return false; } "></td>'
+'<td><input class="form-control" id="remark" name="remark[]" type="text" onkeydown="javascript:if(event.keyCode==13) return false;"></td>'
+'<td><input class="form-control" id="operate_id" name="operate_id[]" type="text" readOnly="readOnly" value="'+operate_id+'" ></td>'
+'<td><button type="button" class="add btn btn-info dropdown-toggle" onclick="delList(this)">刪除</button></td>'
+'</tr>';
$("#parcel_goods").append(html);
var rows= $("#parcel_goods").find("tr").length-1;
document.getElementById('num').innerHTML=rows;
//$(html).appendTo("#parcel_goods");
}
function setfocus(){
document.getElementById("weight").focus();
}
你id重復了,要通過DOM關系獲取setfocus(this);
+'<td><input class="form-control" id="express_id" name="express_id[]" type="text" onkeydown="javascript:if(event.keyCode==13) {addList(); setfocus(this); return false; } "></td>'
function setfocus(ipt){///////////
var tr=ipt.parentNode.parentNode;
var ipts=tr.getElementsByTagName('input');
ipts[0].focus();
}