Question

如何使用jQuery获取表单中更改的元素类型？

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script type="text/javascript">

window.onload = function() {

    $("#form1").change(function() {

    alert("some element type was changed")


    });

}

</script>


</head>

<body>
<form id="form1">
<select id="routing">
    <option value=""></option>
    <option value="ASF">ASF</option>
    <option value="ASFA">ASFA</option>
    <option value="ASFB">ASFB</option>
    <option value="ASFC">ASFC</option>
    <option value="ASFE">ASFE</option>
    <option value="ZSFD">ZSFD</option>
</select>
<br>
<select>
    <option value=""></option>
    <option>administrator</option>
    <option>web developer</option>
    <option>graphic artist</option>
    <option>IT professional</option>
    <option>other</option>
</select>
<br>
<input type="text" id="txt1">
<br>
<textarea id="txtarea1"></textarea>
</form>

</body>

</html

＆GT;

Answer 1

使用事件对象和目标属性，如果是输入类型，则使用e.target.type获取输入类型

$("#form1").change(function (e) {
    var tagName = e.target.tagName,
        type = tagName == 'INPUT' ? e.target.type : tagName;
    console.log("some element type was changed", tagName, type)
});

演示：Fiddle

如何使用jQuery获取在表单中更改的元素类型？

1 个答案: