Изменить текст ввода с помощью выбора

Question

Я пытаюсь изменить текст input на список select с mootools, когда мое состояние успешно.Проблема в том, что когда я использую функцию replaces(), она не работает.

window.addEvent('domready', function(event) {
  $('id_x').addEvent('change', function() {
    var idTypeParam = $('param').getSelected().get('value');
    if (idTypeParam == '1') {
      var tmpDiv = new Element('select', {
        html: '<select id="txtQuantity" name="txtQuantity" class="ProductDetailsQuantityTextBox">' +
          '<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>' +
          '</select>'
      });
      tmpDiv.replaces($('myoldDiv'));
    }
  });
});

Answer 1

Вы можете добавить новых потомков типа 'option' в select

const select = new Element('select');
for (let i = 1; i <= 5; i++)
  select.adopt(new Element('option', {
    html: 'Dynamic Option ' + i,
    value: i
  }));
select.replaces(document.id('myolddiv'));

Answer 2

window.addEvent('domready', function(event) {
  $('id_x').addEvent('change', function() {
    var idTypeParam = $('param').getSelected().get('value');
    if (idTypeParam == '1') {
      document.getElementById("myoldDiv").innerHTML = '<select id="txtQuantity" name="txtQuantity" class="ProductDetailsQuantityTextBox">' +
          '<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>' +
          '</select>';
    }
  });
});

Или вы можете использовать $ ("myoldDiv"). Html ("")