javascript – 如何通过div ID读取动态文本框值并在另一个jquery中使用此ID？

我在下面的脚本中使用动态文本框.

<script type="text/javascript">
$(function () {
    $("#btnAdd").bind("click",function () {
        var div = $("<div />");
        div.html(GetDynamicTextBox(""));
        $("#TextBoxContainer").append(div);
    });

});
function GetDynamicTextBox() {
    return 'Item Code : <select name="iuname" id="iuname" class="required">'+
            <?PHP foreach($tItem as $row) : ?>
              '<option value="<?PHP echo $row->ProductID;?>"><?PHP echo $row->ProductID;?></option>'+
            <?PHP endforeach;?>
        '</select>'+

        ' Batch : <input id="buname" name="buname" >'+

        '<td  id="finalResult"></td>'+
        '<br/>'

}
</script>

当我从下拉菜单中更改项目代码时,它必须显示警报.但它没有显示任何警报.

<script>
 $(document).ready(function(){
 $("#iuname").keyup(function(){

      alert('TEST');
     });
  });
</script>

解决方法

使用事件委派创建动态DOM元素

$(document).on('change','#iuname',function(){
    var val = $(this).val();
    var text = $(this).find('option:selected').text();
    $("#finalResult").text(val);
    //if you want add text means
    // $("#finalResult").text(text);
});