Replace an entire html tag with another one using Jquery?

Question

I have:

<input id="ONE" type="..." ...>

I want to replace this with:

<select id="TWO">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
<select>

How do I do that?

Answer 1

Maybe using replaceWith()

Answer 2

Use

$("#ONE").replaceAll("#TWO")

like described here. You can use replaceWith(content) if you want to specify replacing content in JS.