セレクトボックスで選んだ数だけ要素を追加する

セレクトボックスで数字を選び、選んだ数字の数だけ要素を追加する方法。
liタグの数を変える。

html

<select name='addNumber'>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
</select>

<ul id="addTarget">
  <li>最初の要素</li>
</ul>

jquery

$('[name=addNumber]').on('change', function(){
  //追加要素をいったん全部消す
  $(".addContent").remove()
  //セレクトボックスから数字を取ってくる
  let num = $('[name=addNumber]').val()
  //セレクトボックスの文字を数字にする
  num = Number(num)
  //追加するコンテンツ
  let add_content = '<li class="addContent">追加</li>'
  //要素数が2個以上は追加
  if(num > 1){
    for (let i=1; i<num; i++) {
      $('#addTarget').append(add_content)
    }
  }
});