Assign a value to an element based on a specific attribute value

Question

I'm working with the following element

<input type="text" size="4" name="nightly" value="-1">

My goal is to update the value to 15.9 specifically when name="nightly"

Here's what I've attempted so far:

document.getElementsByName('name')['nightly'].setAttribute('value', '15.9');

But unfortunately, this results in an error message:

TypeError: undefined is not an object (evaluating 'document.getElementsByName('name')['nightly'].setAttribute')

Answer 1

Answer №1

document.getElementsByName() function returns an array of all elements that match a specific name.

In the case where only one element is retrieved, you can use this method:

document.getElementsByName('nightly')[0].setAttribute('value', '15.9'); //the index 0 indicates the first and only element in the array.

For situations with multiple elements, you can iterate through the array like so:

var elements = document.getElementsByName('nightly');

for (i = 0; i < elements.length; i++)
{
    elements[i].setAttribute('value', '15.9');
}

Answer 2

document.getElementsByName() function returns an array of all elements that match a specific name.

In the case where only one element is retrieved, you can use this method:

document.getElementsByName('nightly')[0].setAttribute('value', '15.9'); //the index 0 indicates the first and only element in the array.

For situations with multiple elements, you can iterate through the array like so:

var elements = document.getElementsByName('nightly');

for (i = 0; i < elements.length; i++)
{
    elements[i].setAttribute('value', '15.9');
}

Answer 3

var dailyRates = document.getElementsByName('nightly');
dailyRates.forEach(function(rate) {
  rate.value = 15.9;
});

I trust this meets your requirements.

Answer 4

var dailyRates = document.getElementsByName('nightly');
dailyRates.forEach(function(rate) {
  rate.value = 15.9;
});

I trust this meets your requirements.