Question

我在html中构建了一个表单，动态生成一些带有动态ID的输入字段（例如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>

Answer 1

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

如果动态创建元素，请使用on方法：

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

Answer 2

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

文本框上的jquery keyup事件获取id

2 个答案: