javascript trouble with the setattributefunction

Question

I use a form that display some div depending on which option you click of the radio button.

The thing is that the div is set to be none displayed, except if I select an option.

So I added the following function in order to make sure that if the div is displayed it will have th form havin the required property.

SO I give this function:

<script type="text/javascript">
function addattribute()
{
    if (document.getElementById('montant').style.display == "block")
    {
        document.getElementsByName('montant_creance').setAttribute('required');
        document.getElementsByName('condition2').setAttribute('required');
    }
    if (document.getElementById('montant').style.display == "none")
    {
        document.getElementsByName('montant_creance').setAttribute('required','false');
        document.getElementsByName('condition2').setAttribute('required','false');
    }
}
</script>

But It say to me in the console:

Uncaught TypeError: Object #<NodeList> has no method 'setAttribute'

I really do not know how to find an issue.

Receive all my utmost Respect.

Kind Regards.

SP.

Fabrizio Calderan · Accepted Answer · 2012-09-27 12:01:54Z

2

getElementsByName return a collection of elements, so you have to write e.g.

document.getElementsByName('montant_creance')[0].setAttribute('required');

every time you use this method (or similar methods, like getElementsByTagName, getElementsByClassName...) using the right index

answered Sep 27, 2012 at 12:01

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

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

3 Comments

Stanislas Piotrowski Over a year ago

thanks a lot, I'put what you told me; and now it say to me An invalid form control with name='condition2' is not focusable.

Fabrizio Calderan Over a year ago

if you feel this issue is not related with your original question you should open a new discussion and post some code to see in a demo page /fiddle/jsbin otherwise just post a link with some code

Stanislas Piotrowski Over a year ago

in fact it works except that When I click back to the first option and the div is set to not be displayed it show this message.

AboQutiesh · Accepted Answer · 2012-09-27 12:01:10Z

0

the setAttribute takes 2 parameters name and value:

setAttribute('name','value');

answered Sep 27, 2012 at 12:01

AboQutiesh

1,7162 gold badges9 silver badges14 bronze badges

3 Comments

Stanislas Piotrowski Over a year ago

Dear Sir that is what I wrote setAttribute('required','false');

Stanislas Piotrowski Over a year ago

AboQutiesh Over a year ago

Collectives™ on Stack Overflow

javascript trouble with the setattributefunction

2 Answers 2

3 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related