Как изменить атрибут «type» тега с помощью JS?

Question

[Станислав]

Как изменить атрибут type тега?
- хочу заменить option на radio
- форма выбора сгенерирована хуками в Wordpress
- с хуками не удаётся разобраться
- возможно есть решение с помощью JS изменить тип атрибута

<!-- форма внутри карточки, сгенерированная хуками WordPress-->

<label for="cars">Choose a car:</label>
<select name="cars" id="cars">
  <option value="Bmw">Bmw</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<!-- то что нужно получить -->

<form action="">
  <p>Choose a car:</p>

  <input type="radio" id="Bmw" name="nameof" value="Bmw">
  <label for="Bmw">Bmw</label><br>

  <input type="radio" id="Mercedes" name="nameof" value="Mercedes">
  <label for="Mercedes">Mercedes</label><br>

  <input type="radio" id="Audi" name="nameof" value="Audi">
  <label for="Audi">Audi</label>
</form>

Answer 1

[Noder SS]

Elem.setAttribute("type", "radio")

Answer 2

[Stalker_RED]

elem.type = 'radio';

Учтите, что что для корректной рабооты возможно придется менять также name и/или value.

Comments

[Станислав]

Благодарю!