How to change value of input

Question

I have the following html structure:

<div class="checkout-related-view__related-row last">
  <div class="checkout-related-view__related-row-cell checkout-related-view__related-row-cell--left">
    <input class="checkbox related-checkbox" data-role="none" id="related-checkbox-7085508-020-01077" type="checkbox" value="10">
    <label for="related-checkbox-7085508-020-01077"><span class="checkbox"></span> Old Bed or Mattress Recycling</label>
  </div>
  <div class="checkout-related-view__related-row-cell checkout-related-view__related-row-cell--right">
    <span class="price"><span class="currency">£</span>39</span> <a class="checkout-icon checkout-icon-info related-info" data-content="We will collect your old bed frame, mattress, divan base and headboard, and recycle as much as possible into new material."
    data-html="true" data-original-title="Recycling Service" data-toggle="popover" data-trigger="focus" href="javascript:void(0)" tabindex="0" title=""><span class="visuallyhidden">Recycling Service</span></a>
  </div>
  <div class="checkout-related-view__related-row-cell checkout-related-view__related-row-cell--qty">
    <div class="input-combobox input-combobox__with-qty" data-label="Qty" data-range-max="1" data-range-min="0">
      <span class="input-combobox__label">Qty</span>
      <input class="input-combobox__text input-qty" name="related_products[7085508][10][qty]" type="text" value="0">
    </div>
  </div>
</div>

I've try using JS to change the QTY. Unfortunatelly there is no luck. Please note that the code has no ID. Is there any way how I can set the value using name or class?

The code I've tried and didn't work is :

document.getElementsByClassName("input-combobox__text input-qty").value="1";

Can you please help?

Rather than showing code that is working, can you show the code that isn't working that you've tried so we can help fix it? There are any number of ways of setting the value - let's help fix your approach. — James Thorpe
– James Thorpe, Commented Jan 14, 2016 at 10:03
there is no elements in this snippet with id = 'related-checkbox-7085601-020-01077' — sameh.q
– sameh.q, Commented Jan 14, 2016 at 10:04
Why should the quantity change? There doesn't seem to be any indication in the code that it should — mikeyq6
– mikeyq6, Commented Jan 14, 2016 at 10:08
@ND Yep - I suggest you remove the part about setting checkboxes if it's working for you. It's not the problem you're having, and it seems to be confusing the issue. — James Thorpe
– James Thorpe, Commented Jan 14, 2016 at 10:09

mikeyq6 · Accepted Answer · 2016-01-14 10:12:45Z

1

getElementsByClassName returns an array of elements, and you can't apply value to an array. Instead, grab the first item in the returned array:

document.getElementsByClassName("input-combobox__text input-qty")[0].value = "1";

answered Jan 14, 2016 at 10:12

mikeyq6

1,16814 silver badges28 bronze badges

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

Comments

Jamiec · Accepted Answer · 2016-01-14 10:10:42Z

1

document.getElementsByClassName returns an array of elements, if you want to set the value of the first match do so

document.getElementsByClassName("input-combobox__text input-qty")[0].value="1";

answered Jan 14, 2016 at 10:10

Jamiec

136k15 gold badges141 silver badges202 bronze badges

Collectives™ on Stack Overflow

How to change value of input

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related