2015-08-03 4 views
0

HTMLJQuery получить входное значение

 <td data-title="Quantity"> 
     <div class="clearfix quantity r_corners d_inline_middle f_size_medium color_dark m_bottom_10"> 
      <button class="btn-minus bg_tr d_block f_left" data-item-price="8000.0" data-direction="down">-</button> 
      <input min="0" class="f_left" type="text" value="2" name="order[line_items_attributes][0][quantity]" id="order_line_items_attributes_0_quantity"> 
      <button class="btn-plus bg_tr d_block f_left" data-item-price="8000.0" data-direction="up">+</button> 
     </div> 
     <div> 
      <a href="#" class="color_dark remove-order"><i class="fa fa-times f_size_medium m_right_5"></i>Remove</a><br> 
     </div> 
    </td> 

Javascript

$('.remove-order').click(function(){ 
     ???? 
    }); 

Как получить значение входного текста, когда удаляемый кликать?

ответ

0

Попробуйте ближе():

$('.remove-order').on('click', function(e){ 
    alert($(this).closest('td').find('input[name^=order]').eq(0).val()); 
}); 

Здесь

  • .closest ('тд'), ближайший родительский td.
  • .find ('вход [имя = порядок]), все входные данные с именем атрибута, начиная с order
  • .eq (0), первый элемент в списке
1

Вы можете использовать .val()

$('.remove-order').click(function(){ 
    $('#order_line_items_attributes_0_quantity').val() 
}); 
1
$('.remove-order').click(function(){ 
    var input_val = $('#order_line_items_attributes_0_quantit').val(); 
    console.log(input_val); 
}); 
1
$('.remove-order').click(function() {d 
    var myval=""; 
    myval = $('input.f_left').val(); 
    // or use: 
    myval = $('input.f_left')[0].value; 
}); 

В этом случае те, что возвращают значение 2 в виде строки. Если вы хотите быть уверены, что номер, чтобы разобрать его с parseInt(myval);

Примечание: поскольку у вас есть ID, вы должны использовать этот селектор:

var myvalInt = parseInt($('#order_line_items_attributes_0_quantity').val(), 10); 

, как это было бы самым быстрым способом.

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