Javascript 获取表单更改时的元素id
我有一张这样的表格:Javascript 获取表单更改时的元素id,javascript,jquery,html,Javascript,Jquery,Html,我有一张这样的表格: <form method="POST"> <input type="text" name="htdate" id="htdate"> <br/> <input type="text" name="pgdate" name="pgdate"> <br/> <input type="submit" name="submit" value="submit"> </
<form method="POST">
<input type="text" name="htdate" id="htdate">
<br/>
<input type="text" name="pgdate" name="pgdate">
<br/>
<input type="submit" name="submit" value="submit">
</form>
$('form :input').change(function()
{
var eleID = $(this).id;
console.log("changeID: ", eleID);
});
控制台输出:
changeID: undefined
在值更改期间,是否有任何方法可以获取元素的id?id
是dom对象的属性,而jQuery对象没有任何id
属性,因此它将始终返回未定义的
使用或获取元素的id
$('form:input')。更改(函数(){
var eleID=this.id;
//var eleID=$(this.attr('id');
日志(“changeID:”,eleID);
});代码>
使用$().attr()
在值更改期间,是否有任何方法可以获取元素的id
为此,您可以使用input
事件,该事件在html5
中引入。因此,可以这样做:
$('form :input').on('input', function()
{
var eleID = this.id; // <----this.id; || $(this).attr('id');
console.log("changeID: ", eleID);
});
$('form:input')。在('input',function()上
{
var eleID=this.id;//试试这个$(this.attr(“id”)
@SyafiqAzwan:很乐意帮忙:)
$('form :input').on('input', function()
{
var eleID = this.id; // <----this.id; || $(this).attr('id');
console.log("changeID: ", eleID);
});