国产AV无码专区亚洲AV麻豆丫 ,亚洲日韩精品国产一区二区三区,亚洲精品美女视频

<rt id="bn8ez"></rt>

<label id="bn8ez"></label>

<span id="bn8ez"></span>

<label id="bn8ez"><meter id="bn8ez"></meter></label>

<center id="44s8i"></center>

<li id="44s8i"></li><dl id="44s8i"></dl><abbr id="44s8i"></abbr>

<rt id="44s8i"><delect id="44s8i"></delect></rt>

<li id="44s8i"></li>

<code id="44s8i"></code>

BlogJava

37 Posts :: 64 Stories :: 21 Comments :: 0 Trackbacks

多下拉框之間傳值，左右移操作，支持多選

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<HTML>

<HEAD>

<TITLE>選擇下拉菜單</TITLE>

<meta http-equiv="Content-Type" c>

<META NAME="Description" C>

</HEAD>

<BODY>

<p>選定一項或多項然后點擊添加或移除(按住shift或ctrl可以多選)，或在選擇項上雙擊進行添加和移除。</p>

<form method="post" name="myform">

<table border="0" width="300">

<tr>

<td width="40%"><select style="WIDTH: 100%" multiple name="list1" size="12"

>

<option value="北京">北京</option>

<option value="上海">上海</option>

<option value="山東">山東</option>

<option value="安徽">安徽</option>

<option value="重慶">重慶</option>

<option value="福建">福建</option>

<option value="甘肅">甘肅</option>

<option value="廣東">廣東</option>

<option value="廣西">廣西</option>

<option value="貴州">貴州</option>

<option value="海南">海南</option>

<option value="河北">河北</option>

<option value="黑龍江">黑龍江</option>

</select></td>

<td width="20%" align="center"><input type="button" value="添加" onclick="javascript:moveOption(list1,list2)"

><br />

<br />

<input type="button" value="刪除" onclick="javascript:del(list2)"

></td>

<td width="40%"><select style="WIDTH: 100%" multiple name="list2" size="12"

>

</select></td>

<td>

<button type="button" onclick="javascript:changepos(list2,-1)" >上移</button>

<br />

<button type="button" onclick="javascript:changepos(list2,1)" >下移</button>

</td>

</tr>

</table>

值：<input type="text" name="city" size="40"></form>

<script language="JavaScript">

//刪除list2列表中的數據

function del(e){

try{

for(var i=0;i<e.options.length;i++){

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

e.remove(i);

iii=i-1

}

}

document.myform.city.value=getvalue(document.myform.list2);

}

catch(e){}

}

//移動list1的數據到list2 中，e1.remove(i)---list1的數據減少

function moveOption(e1, e2){

try{

for(var i=0;i<e1.options.length;i++){

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

var e = e1.options[i];

e2.options.add(new Option(e.text, e.value));

//e1.remove(i);

iii=i-1

}

}

document.myform.city.value=getvalue(document.myform.list2);

}

catch(e){}

}

//獲得列表的值

function getvalue(geto){

var allvalue = "";

for(var i=0;i<geto.options.length;i++){

allvalue +=geto.options[i].value + ",";

}

return allvalue;

}

//上移或者下移 1 下移 -1 上移

function changepos(obj,index)

{

if(index==-1){

if (obj.selectedIndex>0){

obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex-1))

}

}

else if(index==1){

if (obj.selectedIndex<obj.options.length-1){

obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex+1))

}

}

}

</script>

</BODY>

</HTML>

posted on 2009-08-21 12:28 xiachang88 閱讀(555) 評論(0) 編輯收藏

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理

主站蜘蛛池模板：亚洲一区二区三区免费在线观看| 亚洲午夜福利在线视频| 日韩大片免费观看视频播放 | 91麻豆国产免费观看| 亚洲爆乳成av人在线视菜奈实| 99亚洲精品卡2卡三卡4卡2卡| 国产99视频精品免费视频76| 免费又黄又爽又猛的毛片| 色综合久久精品亚洲国产| 暖暖日本免费中文字幕| AV片在线观看免费| 美女视频黄免费亚洲| 女人让男人免费桶爽30分钟| 亚洲第一区精品日韩在线播放| 亚洲精品无码少妇30P| 无码AV片在线观看免费| 亚洲高清在线观看| 青青草原精品国产亚洲av| 一级毛片在线观看免费| 亚洲图片激情小说| 大妹子影视剧在线观看全集免费| av免费不卡国产观看| 亚洲中文字幕日本无线码| 无码av免费网站| 亚洲第一页在线播放| 国内永久免费crm系统z在线| 免费人成网站在线高清| ssswww日本免费网站片| 亚洲最大的成网4438| 性感美女视频在线观看免费精品 | 久久亚洲国产精品123区| 在线免费观看伊人三级电影| 国产人妖ts在线观看免费视频| 亚洲男人的天堂在线播放| 午夜性色一区二区三区免费不卡视频| 久久精品国产精品亚洲精品 | 日本人护士免费xxxx视频| 亚洲理论片中文字幕电影| 精品国产一区二区三区免费看| 亚洲第一页在线播放| 国产国产人免费视频成69大陆|

<button id="sgyg8"></button>

<rt id="sgyg8"><acronym id="sgyg8"></acronym></rt>