如何在已有的下拉筐中用鼠标或用两个按钮上下移动里头的选项？？

Question

<form id=form1>
<select name=sel>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>
<input type=button onclick="form1.sel.value=1;">
</form>

Answer 1

<form id=form1>
<select name=sel>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>
<input type=button onclick="form1.sel.selectedIndex=form1.sel.selectedIndex-1;" name=btnUp>
<input type=button onclick="form1.sel.selectedIndex=form1.sel.selectedIndex+1;" name=btnDown>
</form>

Answer 2

楼上的那位搞错我的意思喽，我是想：请按业务主次排列
<select name=ss size=10>
 <option value="1">生产厂家</option>
 <option value="2">总代理</option>
 <option value="3">区域代理</option>
 <option value="4">经销商</option>
 <option value="5">专业工程商</option>
</select><input type=button name=btnUp>
<input type=button name=btnDown>通过"btnUp"和"btnDown"来将ss中所有选项按要求排序，并且可以用asp得到根据ss排序后的每个选项的值！

Answer 3

<select name=ss size=10>
 <option value="1">生产厂家</option>
 <option value="2">总代理</option>
 <option value="3">区域代理</option>
 <option value="4">经销商</option>
 <option value="5">专业工程商</option>
</select><input type=button name=btnUp value=up onclick="s(1)">
<input type=button name=btnDown value=down onclick="s(-1)">
<script language="JavaScript">
<!--
var a=[]
for(i=0;i<ss.length;i++)
a[a.length]=ss.options[i]function s(flag){
s_index=flag
a.sort(c)
ss.length=0
for(i=0;i<a.length;i++)
ss.options[ss.length]=new Option(a[i].text,a[i].value)
}function c(a,b){
if(a.text>b.text)return 1*s_index
if(a.text<b.text)return -1*s_index
return 0
}
//-->
</script>

Answer 4

<select id="fieldlist" name="fieldlist" size="2" style="HEIGHT: 270px; WIDTH: 130px" onclick="addvalue();">
        <option value="a.writeuni">姓名</option>
        <option value="a.acceptcode">别名</option>
        <option value="a.caseno">曾用名</option>
        <option value="a.casesort1">性别</option>
        <option value="a.casesort2">身份证号码</option>
        <option value="a.begindate">民族</option>
        <option value="a.caseaddr">出生日期</option>
        <option value="a.casedate">出生地点</option>
        <option value="a.badlevel">血型</option>
        <option value="a.casetype">体形</option>
        <option value="a.casearea">脸形</option>
        <option value="a.casespec">身高</option>
        <option value="a.casecost">宗教信仰</option>
        <option value="a.lostcost">文化程度</option>
        <option value="a.injurynum">婚姻状况</option>
        <option value="a.dienum">服务处所</option>
        <option value="a.casereportman">户口地址</option>
        <option value="a.unitinfo">居住地址</option>
        <option value="a.content">选择时机</option>
        <option value="a.donum">选择处所</option>
        <option value="a.dotool">选择部位</option>
        <option value="a.selpos">选择对象</option>
        <option value="a.lostgoods">作案工具</option>
        <option value="a.susman">手段特点</option>
        <option value="a.subunit">职业</option>
        <option value="a.acceptman">户口类别</option>
        <option value="a.acceptform">口音</option>
        <option value="a.recordman">籍贯</option>
        <option value="a.recordtime">兵役状况</option>
        <option value="a.writeman">英语姓名</option>
        <option value="a.writedate">国籍</option>
        <option value="a.status">特殊身份</option>
        <option value="b.spec">专长</option>
        <option value="b.otherconn">其他联系方式</option>
        <option value="b.chinese">拼音</option>
        <option value="b.brokenlaw">违法经历</option>
        <option value="b.manstatus">人员状态</option>
        <option value="b.writeunit">填写单位</option>
        <option value="b.fingercode">指纹编号</option>
        <option value="b.resume">个人简历</option>
        <option value="b.docuid">证件类型</option>
        <option value="b.docucode">证件号码</option>
        <option value="c.posiname">体貌名称</option>
        <option value="c.posifeature">体貌特征</option>
        <option value="d.letcode">出租房屋编号</option>
        <option value="d.substationcode">所属分局</option>
        <option value="d.factionalcode">所属派出所</option>
        <option value="d.houseownerid">房主身份证号码</option>
        <option value="d.staypapercode">暂住证编号</option>
        <option value="d.houseowner">房主姓名</option>
        <option value="d.relation">与房主关系</option>
        <option value="e.intaketoxin">吸食的毒品</option>
        <option value="e.injecttoxin">注射的毒品</option>
        <option value="e.intakereason">吸毒原因</option>
        <option value="e.toxinsource">毒品来源</option>
        <option value="e.toxinmoneysrc">毒资来源</option>
        <option value="f.getdate">查获毒品日期</option>
        <option value="f.getaddr">查获毒品地点</option>
        <option value="f.dealtype">处理方式</option>
        <option value="f.toxinid">毒品名称</option>
        <option value="f.toxinnum">毒品数量</option>
      </select>

Answer 5

<body>
<script language="JavaScript">
<!--
function move_self(s,flag){
var sa=document.frm.elements[s]
var tem;
with(sa){
if(flag==1){
if(selectedIndex>0)
for(i=0;i<length;i++)
if(options[i].selected){
tem_text=options[i].text;tem_value=options[i].value
options[i].text=options[i-1].text;
options[i].value=options[i-1].value;
options[i-1].text=tem_text;options[i-1].value=tem_value
options[i-1].selected=true;options[i].selected=false
}
}
else
for(i=length-1;i>=0;i--)
if(options[i].selected){
if(i==length-1)break;
tem_text=options[i].text;tem_value=options[i].value
options[i].text=options[i+1].text;
options[i].value=options[i+1].value;
options[i+1].text=tem_text;options[i+1].value=tem_value
options[i+1].selected=true;options[i].selected=false
}
}
}
function show()
{
var  str=""
for(var i=0;i<frm.ss.options.length;i++)
str += "," + frm.ss.options[i].value;
str = str.substr(1,str.length-1)
frm.t1.value=str
alert(str)
}
//-->
</script>
<form name="frm">
<select name="ss" size="5" style="width:100" multiple>
 <option value="1">生产厂家</option>
 <option value="2">总代理</option>
 <option value="3">区域代理</option>
 <option value="4">经销商</option>
 <option value="5">专业工程商</option>
</select>
  <br/>
<input type=button value="up" onclick="move_self('ss',1)">
<input type=button value="down" onclick="move_self('ss',-1)">
  <input type="button" name="Button" value="得到主次排列" onClick="show()">
  <input type="text" name="t1">
</form>
</body>

Answer 6

http://expert.csdn.net/Expert/topic/2142/2142148.xml?temp=.6045191