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

我试图只改变的值当前字段后面的下一个选择框。只选择下一个选择框（jQuery）

该表格是一长串具有相同类的字段的行。在“第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>

Ĵ&乙编号：数量： UOM： - 无 - 盒（ES）情况下（）每个脚

来源

2010-07-17 Ryan

你能发表你正在使用的代码/标记吗？ – 2010-07-17 18:17:42

这将有助于查看实际的html以查看DOM层次结构。 – 2010-07-17 18:29:56

我已经用代码更新了原文。对于那个很抱歉！ – Ryan 2010-07-17 19:48:03

我假设你正在使用表格标记，并在一个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'); 

});

来源

2010-07-17 18:27:08 redsquare

我通过添加另一个“父（）”得到了这个工作！谢谢！ – Ryan 2010-07-17 19:49:16

你试过closest？

来源

2010-07-17 18:25:28 Rodrigo

是的，但我不确定我是否正确地做了。 – Ryan 2010-07-17 19:48:46

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

回答

相关问题