<style>
select {
width: 170px;
height: 240px;
font-size: 18px;
background-color: #a4ff34;
}
</style>
<script src="jquery-1.11.1.js"></script>
<script>
$(function () {
//需求1：點擊前兩個按鈕拷沸，讓一側(cè)的所有子標(biāo)簽跳轉(zhuǎn)到另一側(cè)
//需求2：點擊后兩個按鈕酗失，讓一側(cè)的所有子標(biāo)簽中被選中的跳轉(zhuǎn)到另一側(cè)
//需求1：點擊前兩個按鈕田炭，讓一側(cè)的所有子標(biāo)簽跳轉(zhuǎn)到另一側(cè)
//步驟：
//1.獲取一側(cè)的左右子標(biāo)簽添加到另一側(cè)。
$("button").eq(0).click(function () {
//右側(cè)標(biāo)簽.append(左側(cè)標(biāo)簽);
$("#sel2").append($("#sel1 option"));
});
//2.獲取一側(cè)的左右子標(biāo)簽添加到另一側(cè)。
$("button").eq(1).click(function () {
//右側(cè)標(biāo)簽.append(左側(cè)標(biāo)簽);
$("#sel1").append($("#sel2 option"));
});
//需求2：點擊后兩個按鈕偎血，讓一側(cè)的所有子標(biāo)簽中被選中的跳轉(zhuǎn)到另一側(cè)
//步驟：
//獲取子元素的時候要注意，獲取的必須是，被選中的元素秽梅。
//技術(shù)點：怎么獲取被選中的子元素呢？剿牺？企垦？
// option:selected;
//1.獲取一側(cè)的左右子標(biāo)簽添加到另一側(cè)。
$("button").eq(2).click(function () {
//右側(cè)標(biāo)簽.append(左側(cè)標(biāo)簽);
$("#sel2").append($("#sel1 option:selected"));
});
//2.獲取一側(cè)的左右子標(biāo)簽添加到另一側(cè)晒来。
$("button").eq(3).click(function () {
//右側(cè)標(biāo)簽.append(左側(cè)標(biāo)簽);
$("#sel1").append($("#sel2 option:selected"));
});
})
</script>
</head>
<body>
<select id="sel1" size="10" multiple>
<option value="0">香蕉</option>
<option value="1">蘋果</option>
<option value="2">鴨梨</option>
<option value="3">葡萄</option>
</select>
<button>>>></button>
<button><<<</button>
<button>></button>
<button><</button>
<select id="sel2" size="10" multiple>
</select>
</body>
選擇水果
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門拗窃，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人泌辫，你說我怎么就攤上這事随夸。” “怎么了震放？”我有些...
- 文/不壞的土叔 我叫張陵宾毒，是天一觀的道長。 經(jīng)常有香客問我殿遂，道長诈铛，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任墨礁，我火速辦了婚禮幢竹，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘恩静。我一直安慰自己焕毫，他們只是感情好蹲坷，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著邑飒，像睡著了一般循签。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上疙咸，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼臀蛛！你這毒婦竟也來了亲桦？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布流昏，位于F島的核電站，受9級特大地震影響吞获，放射性物質(zhì)發(fā)生泄漏况凉。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一衫哥、第九天 我趴在偏房一處隱蔽的房頂上張望茎刚。 院中可真熱鬧，春花似錦撤逢、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽初狰。三九已至，卻和暖如春互例，著一層夾襖步出監(jiān)牢的瞬間奢入，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 減肥期間是否能吃水果取決于水果的糖份汞舱、吃水果的時間以及水果的食用量伍纫。 1、水果的糖分： 一個人攝入過多的糖分就必然...
- 瀾媽想問下魅寶們窒篱，是否有過這樣的疑惑，為什么同樣的飯舶沿，閏蜜吃了沒反應(yīng)墙杯，自己卻在瘋狂的長肉？為什么括荡！為什么８吒洹！為什么...
- 然后點擊“免費發(fā)布信息”梧油。 參考已經(jīng)發(fā)布的信息填寫。參考價格地方等州邢，至于圖片可以上其他城市已經(jīng)發(fā)布的帖子找儡陨。內(nèi)容可...
- 端午涼風(fēng)爽， 雨澆麥垅黃 豌豆盈盈飽量淌， 轉(zhuǎn)瞬瓜果香骗村？ 不貪城市美， 獨戀是家鄉(xiāng)呀枢。 才疏亦學(xué)淺胚股， 博君笑一場！
