Selecting/highlighting Rows And Changing Value Of Highlighted Text Field In The Same Row

Long-time pilferer, first-time poster. I'm attempting to create an interactive internet-based GUI with specific features that mimics the control panel of a product of one of my cli

Solution 1:

I have manged to fixed your code, and you can see the correct plunker here

The correction I have made are

Instead of:

functionincrementValue()
{
   var value = parseInt(document.getElementById('number').value, 10);
   value = isNaN(value) ? 0 : value;
   value++;
   document.getElementById('number').value = value;
}

I have fixed it to:

functionincrementValue()
{
   var value = parseInt(document.getElementById('number' + SBoxPtr).value, 10);
   value = isNaN(value) ? 0 : value;
   value++;
   document.getElementById('number'+ SBoxPtr).value = value;
}

And also changed the elements name from number to numberX

Original

<li>Program Line 1
<input id="number" class="number-input"type="number"min="0"max="80" value="0" ></li>

Fixed:

 <li>Program Line 1 
 <input id="number0" class="number-input"type="number"min="0"max="80" value="0" </li>

Added id = number0 and numbered all other li's

if you find my answer helped you please mark it and press the UP key as well. Thanks