如何从选择框中给出值动态输入Jquery的每次增加按钮

<select id="selectValue">
  <option value="value1">值1</option>
  <option value="value2">值2</option>
  <option value="value3">值3</option>
</select>

<button id="addButton">增加按钮</button>

<div id="buttonContainer"></div>

$(document).ready(function() {
  var select = $('#selectValue');
  var addButton = $('#addButton');
  var buttonContainer = $('#buttonContainer');

  addButton.click(function() {
    var selectedValue = select.val();
    var newButton = $('<button>').text(selectedValue);
    buttonContainer.append(newButton);
  });
});