读取并修改元素的内容
假设两个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