讀取并修改元素的內(nèi)容
假設(shè)兩個(gè)select元素辽聊,分別保存?zhèn)溥x地區(qū)列表和選中地區(qū)列表
實(shí)現(xiàn)兩選擇框之間選項(xiàng)的交換:
? ? 包括:當(dāng)個(gè)選中項(xiàng)左右移動
? ? ? ? ? ? ? 多個(gè)選中項(xiàng)左右移動
? ? ? ? ? ? ? 全左移和全右移
要求:兩個(gè)select中的地區(qū)都要按照名稱首字母排序
<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的內(nèi)容去掉開頭和結(jié)尾的空字符杖挣,再掐頭去尾薛夜,按?切割
unselCts=
? unsel.innerHTML
? ? ? .replace(/^\s+|\s+$/g,"")
? ? ? .slice(8,-9)
? ? ? .split(/<\/option>\s*<o