Кто-нибудь может сказать мне, что я делаю не так

Question

Я пытаюсь изменить имя элемента select всякий раз, когда я выбираю определенный вариант, но это не работает, что я здесь делаю не так?

<script type="text/javascript">
  $(document).ready(function() {
    var line = 1;

    $("#code").append("<span id='condition" + line + "'>when<select name='project starts' id='selection" + line + "'><option value='project starts'>project starts</option><option value='is clicked'>is clicked</option><option value='is unclicked'>is unclicked</option><option value='is created'>is created</option></select>&nbsp;<button class='delete-btn' id=" + line + ">-</button><br></span>");
    line++;

    $("select").on("change", function() {
      $("#" + this.id).attr("name", $("#" + this.id + "option:selected").val());
    });
  });
</script>

Answer 1

этот код только для справки

<input id="country_name" type="text" value="Land: Deutschland" class="noinput country_name" readonly="">

var drop_value = document.getElementById('country_name');
    $('#dropdown_country').on('change', function() {
    drop_value.setAttribute("value", 'Land: '+this.value);
  });