js 13

读取并修改元素的内容

假设两个select元素，分别保存备选地区列表和选中地区列表

实现两选择框之间选项的交换：

    包括：当个选中项左右移动

              多个选中项左右移动

              全左移和全右移

要求：两个select中的地区都要按照名称首字母排序

<select id="unsel" size="8" multiple>

        <option>Argentina</option>

        <option>Brazil</option>

        <option>Canada</option>

        <option>Chile</option>

        <option>China</option>

        <option>Cuba</option>

        <option>Denmark</option>

        <option>Egypt</option>

        <option>France</option>

        <option>Greece</option>

        <option>Spain</option>

</select>

    <div>

        <button onclick='move(this)'>>></button>

        <button onclick='move(this)'>></button>

        <button onclick='move(this)'><</button>

        <button onclick='move(this)'><<</button>

    </div>

<select id="sel" size="8" multiple>

</select>

1)将unsel元素中的所有国家名称填充到unselCts中

unsel的内容去掉开头和结尾的空字符，再掐头去尾，按?切割

unselCts=

  unsel.innerHTML

      .replace(/^\s+|\s+$/g,"")

      .slice(8,-9)

      .split(/<\/option>\s*<o