react 中select添加一个删除第一个

在输入框中输入数据后，点击保存按钮，数据将会逐一显示在输入框下方，点击保存后显示的任何一条数据，该数据即可被删除。

点击保存按钮时，输入框中的数据读取，可通过onChange绑定事件。自定义一个事件，输入数据后，点击保存按钮时，数据的存储 *** 作交由该事件完成。

当不断点击保存按钮时，数据应该是多个的，可选用数组来存储数据。数组中，数组的索引是唯一表示一个数据的方式，数据的 *** 作可通过索引进行实现过程。

//使用时只需填写两个select的id 反向移动交换两个id即可

function mOption(select1, select2){//第一个select的id，第二个select的id

     for(var i = select1.options.length - 1  i >= 0  i--){

if(select1.options[i].selected){

    var option = new Option(select1.options[i].text,select1.options[i].value)

    option.selected = true

    select2.options.add(option)//添加到到第二个select里面

    select1.remove(i)//从第一个里面移除

}

    }

}

tools---customize，按你自己的需要勾选不同的工具栏按钮，添加点Creat，输入名称，点击Functions，将你需要创建的命令拖入(Drop　your first funtion here)，点击select，选择图标，点OK，完成按钮的创建．如果需要删除则到toollars中Delete掉．

---