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);
});