JQuery get input value

Question

HTML

      <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(){
       ????
    });

How to get the value of the input text when remove is click?

Praveen Singh · Accepted Answer · 2015-08-03 05:37:21Z

1

You can use .val()

$('.remove-order').click(function(){
   $('#order_line_items_attributes_0_quantity').val()
});

answered Aug 3, 2015 at 5:37

Praveen Singh

2,5593 gold badges21 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kamina · Accepted Answer · 2015-08-03 05:37:21Z

1

 $('.remove-order').click(function(){
     var input_val = $('#order_line_items_attributes_0_quantit').val();
     console.log(input_val);
 });

answered Aug 3, 2015 at 5:37

Kamina

13.8k12 gold badges55 silver badges87 bronze badges

Comments

Mark Schultheiss · Accepted Answer · 2015-08-03 05:42:25Z

1

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

In this case those would both return the 2 value as a string. IF you want a number be sure to parse it with parseInt(myval);

NOTE: since you have an ID you should use that selector:

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

as that would be the fastest method.

answered Aug 3, 2015 at 5:42

Mark Schultheiss

34.3k13 gold badges75 silver badges116 bronze badges

Comments

user2575725 · Accepted Answer · 2015-08-03 05:48:05Z

0

Try closest():

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

Here,

.closest('td'), the nearest parent td.
.find('input[name^=order]'), all input with name attribute starting with order
.eq(0), first item in the list

answered Aug 3, 2015 at 5:48

user2575725

Collectives™ on Stack Overflow

JQuery get input value

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related