Jquery keyup事件对文本框获取id

jquery keyup event on text box get id

本文关键字:获取 id 文本 keyup 事件 Jquery      更新时间:2023-09-26

我在html中建立了一个表单,其中动态生成一些具有动态id的输入字段(例如:g id_1, id_2, id_3等)。现在我想在每个输入框上键入keyup时创建一个事件。

这是我的HTML文件

<div id="addinput">
    <div id="innneraddinput">
        <div class="inputDivId">
            <input class="search" id="searchid" type="text" size="30" name="p_new" value="" placeholder="" />
        </div>
        <div class="inputDivId">
            <input type="text" id="p_new" size="10" name="p_new" value="" placeholder="" />
        </div>
        <div class="inputDivId">
            <input type="text" id="p_new" size="10" name="p_new" value="" placeholder="" />
        </div>
        <div class="inputDivId">
            <input type="text" id="p_new" size="10" name="p_new" value="" placeholder="" />
        </div>
        <div class="inputDivId">
            <input type="text" id="p_new" size="10" name="p_new" value="" placeholder="" />
        </div>
        <div class="inputDivId">
            <input type="text" id="p_new" size="15" name="p_new" value="" placeholder="" />
        </div>
        <a href="#" id="addNew">Add</a>
    </div>
<div id="result"></div> 
</div> 
$("#innneraddinput input").keyup(function() {
        var v = this.id;
});

如果元素是动态创建的,使用on方法:

$("#innneraddinput input").on("keyup", function() {
        var v = this.id;
});
$("#innneraddinput input").keyup(function() {
    var id = $(this).attr('id');
}