how to add text at end of html tag using javascript

Question

I have a dropdown selection tag as

    <select id="_users_add_dropDown" class="form-control style-scope view-work-organizer" style="width: 100% !important; bottom: 0;" required="">
  <option value="View" class="style-scope view-work-organizer" selected="">
                        VIEW</option>
                  <option value="Edit" class="style-scope view-work-organizer">
                EDIT</option>
         <option> </option></select>

I want to add at end of <select id="_users_add_dropDown" class="form-control style-scope view-work-organizer" style="width: 100% !important; bottom: 0;" required="">

into

`<select id="_users_add_dropDown" class="form-control style-scope view-work-organizer" style="width: 100% !important; bottom: 0;" required="" onclick=alert('test');>`

I want to do using JavaScript. I tried

var x = document.getElementById("_users_add_dropDown");
        var option = document.createElement('option');
option.text = "alert('1'); </script>
";
 x.add(option);

This is not what i want as it add alert('1') as drop-down option I want it to appear at end of html tag. thanks.

Marc Salvetti · Accepted Answer · 2020-11-15 19:34:52Z

1

you are asking to add an attribute to the html element, so you should not use the createElement method.

have you tried this ?

    document.getElementById("_users_add_dropDown").setAttribute('onclick', "alert('test')");

answered Nov 15, 2020 at 19:34

Marc Salvetti

3621 silver badge10 bronze badges

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

Collectives™ on Stack Overflow

how to add text at end of html tag using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related