Question

我正在尝试更改的值当前字段后面的下一个选择框。

表单是一长串行，其中的字段具有相同的类。在“行1”中“数量”字段的焦点上，我想将“类型”选择框更改为同一行中的“框”。我尝试的所有代码都会使整个页面上的所有“类型”选择框都发生变化。我只想要最接近数量字段的最直接的一个。

当用户关注数量时，UOM字段是我尝试更改的字段。

谢谢！

<tr class="draggable odd">
<td class="content-multigroup-cell-field-part-num">
    <div id="edit-group-order-0-field-part-num-value-wrapper" class="form-item">
        <label for="edit-group-order-0-field-part-num-value">J&amp;B No.: 
        </label>
        <input type="text" class="form-text text idleField" value="" size="10" id="edit-group-order-0-field-part-num-value" name="group_order[0][field_part_num][value]" pattern="[0-9]*">
    </div>
</td>
<td class="content-multigroup-cell-field-quantity">
    <div id="edit-group-order-0-field-quantity-value-wrapper" class="form-item">
        <label for="edit-group-order-0-field-quantity-value">Quantity: 
        </label>
        <input type="text" class="form-text text idleField" value="" size="5" id="edit-group-order-0-field-quantity-value" name="group_order[0][field_quantity][value]" pattern="[0-9]*">
    </div>
</td>
<td class="content-multigroup-cell-field-quantity-type">
    <div id="edit-group-order-0-field-quantity-type-value-wrapper" class="form-item">
        <label for="edit-group-order-0-field-quantity-type-value">UOM: 
        </label>
        <select id="edit-group-order-0-field-quantity-type-value" class="form-select" name="group_order[0][field_quantity_type][value]">
            <option selected="selected" value="">- None -
            </option>
            <option value="Box(es)">Box(es)
            </option>
            <option value="Case(s)">Case(s)
            </option>
            <option value="Each">Each
            </option>
            <option value="Feet">Feet
            </option>
        </select>
    </div>
</td>

J＆amp; B编号：数量：计量单位： - 没有 - 箱（ES）案例（S）每脚

Answer 1

您是否尝试过closest？

Answer 2

我假设您正在使用表格标记，并且位于td内元素的焦点事件中。

$('input.quantity').focus( function() {
    //get current cell, find nearest select.type in the following siblings
    $(this).parent()
           .nextAll()
           .find('select.type:first').val('boxes');

});

仅选择下一个选择框（jQuery）

2 个答案: