javascript - 克隆一个下拉选项并在将其存储在同一下拉列表中后以不同的方式命名

Question

我们能否克隆一个下拉选项，并在将其存储在同一个下拉列表中后以不同的方式命名？

就像我在克隆后从下拉列表中选择了一个选项(例如 Apple)一样，我需要将其存储为 Apple_copy。

  <SELECT NAME="list" ID="list">
      <OPTION>Apple</OPTION>
  </SELECT>   

  <FORM NAME="myform" ACTION="" METHOD="GET">
      <INPUT TYPE="button" NAME="button" VALUE="Copy" onClick="CopyItem1()"/>

JS

    function CopyItem1() {
        $('#list1').append(function(){
            return $(this).find(':selected').clone(); //return the clone of selected option to be appended.
        });
    }

Answer 1

您只能创建一个克隆并将其附加到选择

function CopyItem1() {
    var $list = $('#list');
    var clone = $list.find('option:selected').clone();

    $list.append(clone);
}

瞧!