javascript - 通过javascript捕获动态生成的输入标签

Question

我有一个应用程序，其中有一个“添加更多”按钮，我需要在动态生成的输入上使用 jquery 自动完成，并且我尝试使用 keyup 作为启动自动完成的事件

我的 HTML 代码

<div class="form-group" id="medicineTable">
                            <div class="col-sm-8 selectContainer">
                                <input name="OTCtext[]" id="OTCtext" class="form-control medicinefind"/>
                            </div>
                            <div class="col-sm-4 selectContainer">
                                <input type="text" class="form-control" placeholder="Qts" value="1"/>
                            </div>
                        </div>
                        <div class="form-group" id="medicineTableTemp">
                            <div class="col-sm-8 selectContainer">
                                <input name="OTCtext[]" id="OTCtext" class="form-control medicinefind">
                                <input type="hidden" id="hiddenValue" value="0">
                            </div>
                            <div class="col-sm-4 selectContainer">
                                <input type="text" class="form-control" placeholder="Qts" value="1"/>
                            </div>
                        </div>

我的js代码

$('.selectContainer').on('keyup', 'input.medicinefind', function(){
           alert('clicked');
        });

我无法用此捕获动态输入输出字段，所以请协助

Answer 1

Event delegation allows us to attach a single event listener, to a parent element, that will fire for all descendants matching a selector, whether those descendants exist now or are added in the future.

在您的示例中，您选择了错误的元素作为父元素!

$('#medicineTable').on('keyup', 'input.medicinefind', function(){ alert('clicked'); });