只选择下一个选择框(jQuery)

ftf50wuq  于 2023-05-17  发布在  jQuery
关注(0)|答案(2)|浏览(138)

我正在尝试更改当前字段后面的下一个选择框的值 only
该表单是一个很长的行列表,其中的字段具有相同的类。在“第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&B编号:数量:单位:-无-每英尺箱箱

7qhs6swi

7qhs6swi1#

我假设您使用的是表标记,并且位于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');

});

相关问题