javascript - 如何保存焦点上最后一个元素的值

Question

我有什么

我有一个用于订购零件的表单，您可以在输入商品代码时通过 ajax 显示有关零件的信息。该数据显示在表格中，接下来您可以在表格中的可用 vendor 之间进行选择，然后单击您要选择的 vendor 。

此后，您可以选择添加更多部件来重复此过程。

我想要什么

因为当您选择添加更多部分时，输入字段是动态添加的，所以我需要知道正在使用哪个输入。在正常情况下，您将始终使用最后一个输入，但您可能想要更改预先输入的商品代码，因此如果是这种情况，我想为用户提供将 vendor 更改为相应输入的选项最后一个。

我尝试过的

我想出了用焦点事件选择输入的想法，问题是当输入聚焦时，我要转到表格并单击另一个 vendor ，输入会失去焦点，因此不会'不知道该值放在哪里。

HTML(仅限相关代码)

Article code    <input name='article_code[]' type='text' class='article_code'>
Description     <input type='text' class='article_description' name='article_description[]' value='No articlecode specified' READONLY>
Supplier    <input type='text' class='supplier_output' name='supplier_outputt[]' value='No supplier specified'  READONLY>


<table id='supplier_table' class='sortable' width='100%'>
    <THEAD>
        <tr valign='top'>
        <th width='25%'>Supplier</th>
        <th width='25%'>Mainsupplier</th>
        <th width='25%'>Price</th>
        <th width='25%'>Article code</th>
        </tr>
    </THEAD>
    <TBODY >

    </TBODY>
</table>

JavaScript

$('#supplier_table').on('click', 'tbody tr',  function(){
    var tableData = $(this).children('td').map(function() {
        return $(this).text();
    }).get();

    var selectedSupplier = $.trim(tableData[0]);
    var supplier_val;

    if($('.article_code').is(':focus')){
        supplier_val = $(this).closest('tr').next().next().find('.supplier_output');
        $(supplier_val).val(selectedSupplier);

    } else {
        $('.supplier_output').last().val(selectedSupplier);
    }
});

所以基本上我需要存储焦点上最后一个元素的值。

Answer 1

不确定我是否正确理解你的问题。但也许我可以帮助你从另一个方向思考。使用模糊事件。然后将最后模糊的文章代码存储在last_val变量中:

$('.article_code').on('blur', function(){ last_val = this.value; })