Выберите ТОЛЬКО следующий следующий флажок (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>

J & B Нет .: Количество: UOM: - None - Box (ы) Case (s) Каждый Ножки

источник

2010-07-17 Ryan

Можете ли вы опубликовать текущий код/разметку, которую используете? –

Это поможет увидеть фактический html, чтобы увидеть иерархию DOM. –

Я обновил исходное сообщение с кодом. Извини за это! – Ryan

Я предполагаю, что вы используете разметку таблиц и находятся внутри события фокусировки элемента внутри 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

Я получил это для работы, добавив еще один «parent()»! Спасибо! – Ryan

Вы пробовали closest?

источник

2010-07-17 18:25:28 Rodrigo

Да, но я не уверен, что если я сделаю это правильно. – Ryan

Выберите ТОЛЬКО следующий следующий флажок (jQuery)

ответ

Смежные вопросы