Блог

У меня есть выпадающий тег выбора как

     <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>
  

Я хочу добавить в конце
<select id="_users_add_dropDown" class="form-control style-scope view-work-organizer" style="width: 100% !important; bottom: 0;" required="">

в

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

Я хочу использовать JavaScript . Я пытался

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

Это не то, что я хочу, поскольку он добавляется alert('1') в качестве раскрывающегося списка, я хочу, чтобы он отображался в конце html-тега.
Спасибо.

вы просите добавить атрибут к элементу html, поэтому вам не следует использовать метод createElement.

вы пробовали это?

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