javascript - 如何获取当前行的选择选项的值

Question

我有动态字段来生成选择选项和文本输入。

var i=$('table tr').length;
$(".addmore").on('click',function(){
    html = '<tr>';
    html += '<td><select name="itemType[]" id="itemType_'+i+'" class="form-control input-sm"><option value="AAA">AAA</option><option value="BBB">BBB</option></select></td>';
    .....
    .....
    html += '</tr>';
    $('table').append(html);
    i++;
});
$(document).on('focus','.autocomplete_txt',function(){
    type = $(this).data('type');
    if(type =='itemName' )autoTypeNo=0;
    $(this).autocomplete({
        source: function( request, response ) {
            $.ajax({
                url : 'ajax',
                dataType: "json",
                method: 'post',
                data: {
                    search : request.term,
                    type : type,
                    select : $("#itemType_"+i).val()
                }
                success: function( data ) {}
            ..

为什么$("#itemType_"+i).val()返回空值？我在这里遗漏了一些东西？

Answer 1

因为当前的select将有一个id，例如itemType_7，但i的值将是8，因为您在创建 select 后递增它。

因此，获取您创建的最新 select 的值，您应该这样做

$("#itemType_"+(i-1)).val()